|
@@ -36,15 +36,42 @@
|
|
<image src="../../static/img/icon_youhui_red.png" mode="" class="redPoint"></image>
|
|
<image src="../../static/img/icon_youhui_red.png" mode="" class="redPoint"></image>
|
|
<view class="title">适用门店</view>
|
|
<view class="title">适用门店</view>
|
|
</view>
|
|
</view>
|
|
- <view v-if="detail.shopNames" @click="spShopS" style="color: #666666;font-size: 24rpx;line-height: 24rpx;display: flex;">
|
|
|
|
- {{detail.shopNames.split(',').length}}家门店通用
|
|
|
|
|
|
+ <view v-if="detail.shopList.length" @click="spShopS" style="color: #666666;font-size: 24rpx;line-height: 24rpx;display: flex;">
|
|
|
|
+ {{detail.shopList.length}}家门店通用
|
|
<image src="../../static/img/little_rightArrow.png" mode="" style="width: 24rpx;height: 24rpx;"></image>
|
|
<image src="../../static/img/little_rightArrow.png" mode="" style="width: 24rpx;height: 24rpx;"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
- <view v-for="(v,index) in detail.shopNames.split(',')" v-if="index<5">
|
|
|
|
- <view class="content">{{v}}</view>
|
|
|
|
- </view>
|
|
|
|
|
|
+ <view v-if="detail.shopList.length">
|
|
|
|
+ <view class="shopline" >
|
|
|
|
+ <view class="newdistance" v-if="detail.shopList[0].distance&&detail.shopList[0].distance!= '0.00'">
|
|
|
|
+ <image src="../../static/img2/dh.png" mode="" class="dhImg"></image>
|
|
|
|
+ <view style="padding-top: 6rpx;"><span >{{detail.shopList[0].distance}}km</span></view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="shoplineLeft">
|
|
|
|
+ <image :src="detail.shopList[0].doorImg1" mode="" class="shopImg" v-if="detail.shopList[0].doorImg1"></image>
|
|
|
|
+ <image :src="detail.shopList[0].doorImg2" mode="" class="shopImg" v-else-if="detail.shopList[0].doorImg2"></image>
|
|
|
|
+ <image src="../../static/timg/noimg.png" mode="" class="shopImg" v-else></image>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="shopright">
|
|
|
|
+ <view style="width: 410rpx;">
|
|
|
|
+ <view class="shopTop">
|
|
|
|
+ <view class="shopName">{{detail.shopList[0].shopName}}</view>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+ <view class="shopTime">营业时间:<span v-if="detail.shopList[0].startTime">{{detail.shopList[0].startTime}}</span> - <span
|
|
|
|
+ v-if="detail.shopList[0].endTime">{{detail.shopList[0].endTime}}</span> </view>
|
|
|
|
+ <view class="shopBottomLeft">
|
|
|
|
+ <span class="shopaddress"
|
|
|
|
+ v-if="detail.shopList[0].address">{{detail.shopList[0].provinceName}}{{detail.shopList[0].cityName}}{{detail.shopList[0].areaName}}{{detail.shopList[0].address}}</span>
|
|
|
|
+ <!-- <span v-if="item.distance&&item.distance!= '0.00'">{{item.distance}}km</span> -->
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
|
|
|
|
|
|
</view>
|
|
</view>
|
|
@@ -577,5 +604,122 @@ display: flex;
|
|
|
|
|
|
height: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
+ .shopline {
|
|
|
|
+ margin: 0rpx 24rpx 20rpx;
|
|
|
|
+ padding: 20rpx;
|
|
|
|
+ background-color: #FFFFFF;
|
|
|
|
+ border-radius: 10rpx;
|
|
|
|
+ position: relative;
|
|
|
|
+ display: flex;
|
|
|
|
+ }
|
|
|
|
+.newdistance{
|
|
|
|
+ position: absolute;top: 22rpx;right: 18rpx;
|
|
|
|
+ text-align: center;
|
|
|
|
+ font-size: 22rpx;
|
|
|
|
+ color: #666666;
|
|
|
|
+ }
|
|
|
|
+.shopbox {
|
|
|
|
+ padding: 0 16rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ .shopImg {
|
|
|
|
+ width: 146rpx;
|
|
|
|
+ height: 146rpx;
|
|
|
|
+ border-radius: 10rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .shopCallImg {
|
|
|
|
+ width: 38rpx;
|
|
|
|
+ height: 46rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .shopTop {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ width: 510rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .shopright {
|
|
|
|
+ padding-left: 20rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .shopName {
|
|
|
|
+
|
|
|
|
+ width: 450rpx;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .shopScore1 {
|
|
|
|
+ font-size: 36rpx;
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ color: #FF4F00;
|
|
|
|
+ height: 50rpx;
|
|
|
|
+ line-height: 50rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .shopScore11 {
|
|
|
|
+ font-size: 22rpx;
|
|
|
|
+ color: #FF4F00;
|
|
|
|
+ margin-right: 14rpx;
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .shopScore2 {
|
|
|
|
+ font-size: 22rpx;
|
|
|
|
+ color: #666666;
|
|
|
|
+ margin-right: 14rpx;
|
|
|
|
+ padding: 8rpx 0;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .shopScore3 {
|
|
|
|
+ font-size: 22rpx;
|
|
|
|
+ color: #333333;
|
|
|
|
+ padding-left: 20rpx;
|
|
|
|
+ }
|
|
|
|
+.shopaddress {
|
|
|
|
+ width: 400rpx;
|
|
|
|
+ /* 隐藏文字显示 ...不换行 */
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ color: #999999;
|
|
|
|
+ }
|
|
|
|
+.shopCont {
|
|
|
|
+ padding-left: 22rpx;
|
|
|
|
+ width: 520rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .shopName {
|
|
|
|
+ font-size: 32rpx;
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ color: #222222;
|
|
|
|
+ line-height: 40rpx;
|
|
|
|
+ width: 450rpx;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
|
|
|
|
+ }
|
|
|
|
+.shopTime {
|
|
|
|
+ color: #666666;
|
|
|
|
+ font-size: 26rpx;
|
|
|
|
+ padding-top: 4rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .addressBox {
|
|
|
|
+ color: #666666;
|
|
|
|
+ font-size: 22rpx;
|
|
|
|
+ }
|
|
|
|
+ .shopaddress {
|
|
|
|
+ width: 400rpx;
|
|
|
|
+ /* 隐藏文字显示 ...不换行 */
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ color: #999999;
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|