@@ -21,7 +21,7 @@ page { | |||
.item { | |||
color: #ffffff; | |||
padding: 8rpx 15rpx; | |||
background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%); | |||
background: linear-gradient(270deg, #DDAB5A, #B8832D); | |||
border-radius: 15rpx; | |||
} | |||
} | |||
@@ -39,22 +39,28 @@ page { | |||
justify-content: space-between; | |||
width: 95%; | |||
margin: auto; | |||
color: #ffffff; | |||
color: #000000; | |||
margin-bottom: 30rpx; | |||
padding: 20rpx 25rpx 50rpx 25rpx; | |||
padding: 25rpx 25rpx 25rpx 25rpx; | |||
box-sizing: border-box !important; | |||
background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%); | |||
background-color: #f3f3f3; | |||
border: 1px solid #0000002d; | |||
border-radius: 12rpx; | |||
// box-shadow: #00000036 0px 1px 2px 2px; | |||
.img { | |||
position: relative; | |||
width: 30%; | |||
height: 170rpx; | |||
border-radius: 15rpx; | |||
overflow: hidden; | |||
image { | |||
width: 100%; | |||
height: 100%; | |||
position: absolute; | |||
top: 50%; | |||
transform: translateY(-50%); | |||
width: 170rpx; | |||
height: 170rpx; | |||
border-radius: 15rpx; | |||
border: 1px solid #00000018; | |||
} | |||
} | |||
@@ -68,9 +74,28 @@ page { | |||
.infoItem { | |||
width: 100%; | |||
white-space: nowrap; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
white-space: pre-wrap; | |||
&.distance { | |||
margin: 20rpx 0; | |||
} | |||
&.address { | |||
font-size: 27rpx; | |||
} | |||
.mapBtn { | |||
position: relative; | |||
bottom: 2rpx; | |||
display: inline-block; | |||
font-size: 22rpx; | |||
color: #ffffff; | |||
padding: 10rpx; | |||
border-radius: 15rpx; | |||
background: linear-gradient(270deg, #DDAB5A, #B8832D); | |||
margin-left: 20rpx; | |||
} | |||
} | |||
} | |||
@@ -84,20 +109,16 @@ page { | |||
.infoItem { | |||
width: 100%; | |||
white-space: nowrap; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
white-space: pre-wrap; | |||
&.address { | |||
font-size: 27rpx; | |||
margin-top: 15rpx; | |||
} | |||
} | |||
} | |||
.mapBtn { | |||
position: absolute; | |||
bottom: 15rpx; | |||
right: 15rpx; | |||
padding: 7rpx 12rpx; | |||
border-radius: 15rpx; | |||
background-color: #f76767; | |||
} | |||
} | |||
.takeingPlace { | |||
@@ -123,7 +144,7 @@ page { | |||
color: #ffffff; | |||
text-align: center; | |||
padding: 8rpx 15rpx; | |||
background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%); | |||
background: linear-gradient(270deg, #DDAB5A, #B8832D); | |||
border-radius: 15rpx; | |||
} | |||
} | |||
@@ -13,16 +13,16 @@ | |||
</view> | |||
<view tt:if="{{ item.distance_str }}" class="infoBox"> | |||
<view class="infoItem">{{ item.merchantName }}</view> | |||
<view class="infoItem">地址:{{ item.addr }}</view> | |||
<view class="infoItem">距您 {{ item.distance_str }}</view> | |||
<view class="infoItem distance">距您 {{ item.distance_str }}<view tt:if="{{ isLocation }}" id="goMap" | |||
class="mapBtn" bindtap="goMap" data-item="{{ item }}">门店位置 | |||
</view> | |||
</view> | |||
<view class="infoItem address">地址:{{ item.addr }}</view> | |||
</view> | |||
<view tt:if="{{ !item.distance_str }}" class="infoBox2"> | |||
<view class="infoItem">{{ item.merchantName }}</view> | |||
<view class="infoItem">地址:{{ item.addr }}</view> | |||
</view> | |||
<view tt:if="{{ isLocation }}" id="goMap" class="mapBtn" bindtap="goMap" data-item="{{ item }}">去这里 | |||
<view class="infoItem address">地址:{{ item.addr }}</view> | |||
</view> | |||
</view> | |||
</view> | |||
@@ -20,7 +20,7 @@ page .continer .selectShop .nav { | |||
page .continer .selectShop .nav .item { | |||
color: #ffffff; | |||
padding: 8rpx 15rpx; | |||
background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%); | |||
background: linear-gradient(270deg, #DDAB5A, #B8832D); | |||
border-radius: 15rpx; | |||
} | |||
page .continer .selectShop .shopList { | |||
@@ -36,22 +36,26 @@ page .continer .selectShop .shopList .item { | |||
justify-content: space-between; | |||
width: 95%; | |||
margin: auto; | |||
color: #ffffff; | |||
color: #000000; | |||
margin-bottom: 30rpx; | |||
padding: 20rpx 25rpx 50rpx 25rpx; | |||
padding: 25rpx 25rpx 25rpx 25rpx; | |||
box-sizing: border-box !important; | |||
background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%); | |||
background-color: #f3f3f3; | |||
border: 1px solid #0000002d; | |||
border-radius: 12rpx; | |||
} | |||
page .continer .selectShop .shopList .item .img { | |||
position: relative; | |||
width: 30%; | |||
height: 170rpx; | |||
border-radius: 15rpx; | |||
overflow: hidden; | |||
} | |||
page .continer .selectShop .shopList .item .img image { | |||
width: 100%; | |||
height: 100%; | |||
position: absolute; | |||
top: 50%; | |||
transform: translateY(-50%); | |||
width: 170rpx; | |||
height: 170rpx; | |||
border-radius: 15rpx; | |||
border: 1px solid #00000018; | |||
} | |||
page .continer .selectShop .shopList .item .infoBox { | |||
display: flex; | |||
@@ -63,9 +67,24 @@ page .continer .selectShop .shopList .item .infoBox { | |||
} | |||
page .continer .selectShop .shopList .item .infoBox .infoItem { | |||
width: 100%; | |||
white-space: nowrap; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
white-space: pre-wrap; | |||
} | |||
page .continer .selectShop .shopList .item .infoBox .infoItem.distance { | |||
margin: 20rpx 0; | |||
} | |||
page .continer .selectShop .shopList .item .infoBox .infoItem.address { | |||
font-size: 27rpx; | |||
} | |||
page .continer .selectShop .shopList .item .infoBox .infoItem .mapBtn { | |||
position: relative; | |||
bottom: 2rpx; | |||
display: inline-block; | |||
font-size: 22rpx; | |||
color: #ffffff; | |||
padding: 10rpx; | |||
border-radius: 15rpx; | |||
background: linear-gradient(270deg, #DDAB5A, #B8832D); | |||
margin-left: 20rpx; | |||
} | |||
page .continer .selectShop .shopList .item .infoBox2 { | |||
display: flex; | |||
@@ -77,17 +96,11 @@ page .continer .selectShop .shopList .item .infoBox2 { | |||
} | |||
page .continer .selectShop .shopList .item .infoBox2 .infoItem { | |||
width: 100%; | |||
white-space: nowrap; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
white-space: pre-wrap; | |||
} | |||
page .continer .selectShop .shopList .item .mapBtn { | |||
position: absolute; | |||
bottom: 15rpx; | |||
right: 15rpx; | |||
padding: 7rpx 12rpx; | |||
border-radius: 15rpx; | |||
background-color: #f76767; | |||
page .continer .selectShop .shopList .item .infoBox2 .infoItem.address { | |||
font-size: 27rpx; | |||
margin-top: 15rpx; | |||
} | |||
page .continer .selectShop .shopList .takeingPlace { | |||
text-align: center; | |||
@@ -107,7 +120,7 @@ page .continer .selectCity .nav .item { | |||
color: #ffffff; | |||
text-align: center; | |||
padding: 8rpx 15rpx; | |||
background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%); | |||
background: linear-gradient(270deg, #DDAB5A, #B8832D); | |||
border-radius: 15rpx; | |||
} | |||
page .continer .selectCity .notice { | |||
@@ -58,10 +58,10 @@ | |||
"location": "audit" | |||
}, | |||
{ | |||
"id": 1688290922168, | |||
"id": 1688632963730, | |||
"name": "pages2/shopSelect/shopSelect", | |||
"pathName": "pages2/shopSelect/shopSelect", | |||
"query": "id=835370938545004544&orderId=835370938545004544&merOrderId=835370895208669184&startTime=2023-07-02&endTime=2023-08-30", | |||
"query": "id=836843854212816896&orderId=836843854212816896&merOrderId=836843817668763648&startTime=2023-07-06&endTime=2023-08-30", | |||
"scene": "990001", | |||
"launchFrom": "scan", | |||
"location": "qr_code" | |||