|
@@ -78,13 +78,47 @@
|
|
|
<view class="numJj" @click="calculation(2)">+</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="buySHop" @click="ckShop" style="border-bottom: 1px solid #EEEEEE;">
|
|
|
+ <!-- <view class="buySHop" @click="ckShop" style="border-bottom: 1px solid #EEEEEE;">
|
|
|
<view>服务门店</view>
|
|
|
<view class="buyShopRight" >
|
|
|
<view v-if="shopInfo.shopId">{{shopInfo.shopName}}</view>
|
|
|
<view v-else>请选择</view>
|
|
|
<image src="../../static/timg/icon_arrow_right.png" mode="" class="buyShopRightJt"></image>
|
|
|
</view>
|
|
|
+ </view> -->
|
|
|
+ <view class="buySHop" @click="ckShop">
|
|
|
+ <view>服务门店</view>
|
|
|
+ <view class="buyShopRight" >
|
|
|
+ <view v-if="shopInfo.shopId">切换门店</view><!-- {{shopInfo.shopName}} -->
|
|
|
+ <view v-else>请选择</view>
|
|
|
+ <image src="../../static/timg/icon_arrow_right.png" mode="" class="buyShopRightJt"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="buyShopBox" v-if="shopInfo.shopId">
|
|
|
+ <view class="buyShop">
|
|
|
+ <view class="buyShopTop">
|
|
|
+ <view class="buyShopTleft">
|
|
|
+ <!-- <view class="shopbq">距离最近</view> -->
|
|
|
+ <view class="buyshopName">{{shopInfo.shopName}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="buyShopTRgiht">
|
|
|
+
|
|
|
+ <image src="/static/timg/icon_checked@2x.png" mode="" class="duihao"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="buyShopCont">
|
|
|
+ <image :src="shopInfo.doorImg1" v-if="shopInfo.doorImg1" mode="" class="buyShopContImg"></image>
|
|
|
+ <image :src="shopInfo.doorImg2" v-else-if="shopInfo.doorImg2" mode="" class="buyShopContImg"></image>
|
|
|
+ <image src="/static/timg/noimg.png" v-else class="buyShopContImg"></image>
|
|
|
+ <view class="buyShopContAdress">
|
|
|
+ <span v-if="shopInfo.provinceName">{{shopInfo.provinceName}}</span>
|
|
|
+ <span v-if="shopInfo.cityName">{{shopInfo.cityName}}</span>
|
|
|
+ <span v-if="shopInfo.areaName">{{shopInfo.areaName}}</span>
|
|
|
+ <span v-if="shopInfo.address">{{shopInfo.address}}</span>
|
|
|
+ </view>
|
|
|
+ <view class="buyShopJl" v-if="shopInfo.distance&&shopInfo.distance!= '0.00'">{{shopInfo.distance}}km</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<view class="buySHop" v-if="info.oneCount&&info.dayCount">
|
|
|
<view>兑换限制</view>
|
|
@@ -1092,6 +1126,77 @@ button{
|
|
|
margin-top: 62rpx;
|
|
|
margin-left:71rpx;
|
|
|
}
|
|
|
+.buySHop{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ font-size:28rpx ;
|
|
|
+ color: #666666;
|
|
|
+ padding-top: 30rpx;
|
|
|
+}
|
|
|
+.buyShopBox{
|
|
|
+ /* padding: 0 24rpx; */
|
|
|
+ /* padding-top: 20rpx; */
|
|
|
+ }
|
|
|
+ .nobuyShopBox{
|
|
|
+ height: 220rpx;
|
|
|
+ }
|
|
|
+ .duihao{
|
|
|
+ width: 28rpx;height: 28rpx;
|
|
|
+ }
|
|
|
+ .buyShopTRgiht{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ .buyShop{
|
|
|
+ background: #F9F9F9;
|
|
|
+ border-radius:6rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .buyShopTop{
|
|
|
+ display: flex;justify-content: space-between;
|
|
|
+ padding: 16rpx 22rpx;
|
|
|
+ background: #F9EFF0;
|
|
|
+ }
|
|
|
+ .shopbq{
|
|
|
+ color: #FF063A;font-size: 22rpx;
|
|
|
+ border-radius: 6rpx;
|
|
|
+ border: 1rpx solid #FF063A;
|
|
|
+ padding: 0rpx 6rpx;
|
|
|
+ height: 30rpx;line-height: 30rpx;
|
|
|
+ margin-top: 4rpx;
|
|
|
+ }
|
|
|
+ .buyShopTleft{
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+ .buyshopName{
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #222222;
|
|
|
+ line-height: 37rpx;
|
|
|
+ /* padding-left: 8rpx; */
|
|
|
+ }
|
|
|
+ .buyShopCont{
|
|
|
+ display: flex;
|
|
|
+ padding: 22rpx;
|
|
|
+ }
|
|
|
+ .buyShopContImg{
|
|
|
+ width: 102rpx;
|
|
|
+ height: 102rpx;
|
|
|
+ border-radius: 6rpx;
|
|
|
+ }
|
|
|
+ .buyShopContAdress{
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 22rpx;
|
|
|
+ color: #666E80;
|
|
|
+ line-height: 34rpx;
|
|
|
+ width: 440rpx;
|
|
|
+ padding-left: 12rpx;
|
|
|
+ }
|
|
|
+ .buyShopJl{
|
|
|
+ font-size: 22rpx;
|
|
|
+ color: #666E80; line-height: 34rpx;
|
|
|
+ width: 110rpx;
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
</style>
|
|
|
<!--
|
|
|
|