|
@@ -12,19 +12,35 @@
|
|
|
</swiper>
|
|
|
</view>
|
|
|
<view class="shopCont">
|
|
|
+ <view style="display: flex;padding-left: 24rpx;" v-if="info.saleLabel">
|
|
|
+ <view class="biaoqian">{{info.saleLabel}}</view>
|
|
|
+ </view>
|
|
|
+
|
|
|
<view class="shopCtop">
|
|
|
<view class="goodsPrice">
|
|
|
- <view class="goodsPrice1" v-if="info.saleLabel">{{info.saleLabel}}</view>
|
|
|
+ <!-- <view class="goodsPrice1" >{{info.saleLabel}}</view> -->
|
|
|
<view class="goodsPrice2">¥</view>
|
|
|
<view class="goodsPrice3">{{info.salePrice?info.salePrice:info.scribingPrice}}
|
|
|
<span v-if="info.categoryIds=='7B97D114-C419-42B2-9C1E-0B4CA284CDA0'">万</span>
|
|
|
</view>
|
|
|
<view class="goodsPrice4" v-if="info.showLabel&&info.scribingPrice&&info.showLabel.indexOf('1')!=-1">¥{{info.scribingPrice}}</view>
|
|
|
</view>
|
|
|
- <view class="Sold" v-if="info.showLabel&&info.showLabel.indexOf('3')!=-1">已售 {{info.saleQty>0?info.saleQty:0}}</view>
|
|
|
+ <view class="shareBoxNew" @click="sharewx">
|
|
|
+ <view class="shareTxt">分享</view>
|
|
|
+ <image class="shareIcon" src="../../static/timg/share.png" mode=""></image>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
+
|
|
|
<view class="goodsName">{{info.name}}</view>
|
|
|
- <view class="goodsMd" v-if="info.sellingPoint">{{info.sellingPoint}}</view>
|
|
|
+ <view style="display: flex;justify-content: space-between;padding-right: 24rpx;">
|
|
|
+ <view class="goodsMd" v-if="info.sellingPoint">{{info.sellingPoint}}</view>
|
|
|
+ <view class="Sold" v-if="info.showLabel&&info.showLabel.indexOf('3')!=-1">已售 <span style="color: #FFC107;">{{info.saleQty>0?info.saleQty:0}}</span> </view>
|
|
|
+ </view>
|
|
|
+ <view class="goodsMSBox" v-if="info.detailSellingLabel">
|
|
|
+
|
|
|
+ <view class="goodsMs" v-for="(item,index) in info.detailSellingLabel.split(',')">{{item}}</view>
|
|
|
+ </view>
|
|
|
+
|
|
|
</view>
|
|
|
|
|
|
<view class="modeBox">
|
|
@@ -42,7 +58,7 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 服务流程 -->
|
|
|
- <view class="fuwuliucBox" v-if="info.showLabel&&info.showLabel.indexOf('4')!=-1">
|
|
|
+ <!-- <view class="fuwuliucBox" v-if="info.showLabel&&info.showLabel.indexOf('4')!=-1">
|
|
|
<view class="fwlcTitle">服务流程</view>
|
|
|
<view class="fwlcxian">
|
|
|
<view class="fwlcyuan"></view>
|
|
@@ -59,6 +75,13 @@
|
|
|
<view class="fwTxtline">在线支付</view>
|
|
|
<view class="fwTxtline">到店服务</view>
|
|
|
</view>
|
|
|
+ </view> -->
|
|
|
+ <!-- 购买流程-->
|
|
|
+ <view class="gmlc">
|
|
|
+ <view class="gmlcTitle">购买流程</view>
|
|
|
+ <view>
|
|
|
+ <image class="gmlcImg" src="http://dmsphoto.66km.com.cn/thFiles/0BF3F1DB-8B56-488A-9BCB-663517985E9A.png" mode="widthFix"></image>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<!-- 套餐内容 -->
|
|
|
<view class="mealBox" v-if="info.bizType==3">
|
|
@@ -120,10 +143,10 @@
|
|
|
<image src="../../static/timg/home.png" mode="" class="bottomImg"></image>
|
|
|
<view class="bottomTxt">首页</view>
|
|
|
</view>
|
|
|
- <view class="bottomImgBox" style="margin-left: 20rpx;" @click="sharewx">
|
|
|
+ <!-- <view class="bottomImgBox" style="margin-left: 20rpx;" @click="sharewx">
|
|
|
<image src="../../static/timg/share.png" mode="" class="bottomImg"></image>
|
|
|
<view class="bottomTxt">分享</view>
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
<!-- <button open-type="share" class="bottomImgBox shareBtn" >
|
|
|
<image src="../../static/timg/share.png" mode="" class="bottomImg"></image>
|
|
|
<view class="bottomTxt">分享</view>
|
|
@@ -864,7 +887,7 @@
|
|
|
.bottomImgBox{
|
|
|
text-align: center;
|
|
|
padding-top: 20rpx;
|
|
|
- padding-left: 40rpx;
|
|
|
+ padding-left: 60rpx;
|
|
|
}
|
|
|
|
|
|
button::after{
|
|
@@ -893,7 +916,7 @@ button{
|
|
|
}
|
|
|
|
|
|
.bottomBtn{
|
|
|
- width: 450rpx;
|
|
|
+ width: 530rpx;
|
|
|
height: 74rpx;
|
|
|
background: #EC0F0A;
|
|
|
border-radius: 37rpx;
|
|
@@ -902,10 +925,10 @@ button{
|
|
|
color: #FFFFFF;
|
|
|
font-size: 30rpx;
|
|
|
margin-top: 23rpx;
|
|
|
- margin-left: 70rpx;
|
|
|
+ margin-left: 80rpx;
|
|
|
}
|
|
|
.bottomBtn2{
|
|
|
- width: 450rpx;
|
|
|
+ width: 530rpx;
|
|
|
height: 74rpx;
|
|
|
background: #DDDDDD;
|
|
|
border-radius: 37rpx;
|
|
@@ -914,7 +937,7 @@ button{
|
|
|
color: #FFFFFF;
|
|
|
font-size: 30rpx;
|
|
|
margin-top: 23rpx;
|
|
|
- margin-left: 70rpx;
|
|
|
+ margin-left: 80rpx;
|
|
|
}
|
|
|
.goodsDetailTitle{
|
|
|
color: #333333;
|
|
@@ -1031,7 +1054,7 @@ button{
|
|
|
}
|
|
|
.shopCtop{
|
|
|
display: flex;
|
|
|
- padding: 20rpx 24rpx;
|
|
|
+ padding: 20rpx 24rpx 10rpx 24rpx;
|
|
|
justify-content: space-between;
|
|
|
background: #FFFFFF;
|
|
|
}
|
|
@@ -1070,7 +1093,7 @@ button{
|
|
|
font-weight: 400;
|
|
|
color: #999999;
|
|
|
font-size: 24rpx;
|
|
|
- padding-top: 18rpx;
|
|
|
+ /* padding-top: 18rpx; */
|
|
|
}
|
|
|
.goodsName{
|
|
|
font-size: 30rpx;
|
|
@@ -1079,14 +1102,14 @@ button{
|
|
|
color: #333333;
|
|
|
padding: 20rpx 24rpx;
|
|
|
padding-top: 0;
|
|
|
- padding-bottom: 16rpx;
|
|
|
+ padding-bottom: 10rpx;
|
|
|
}
|
|
|
.goodsMd{
|
|
|
font-weight: 400;
|
|
|
color: #999999;
|
|
|
font-size: 26rpx;
|
|
|
padding: 0 24rpx;
|
|
|
- padding-bottom: 20rpx;
|
|
|
+ padding-bottom: 10rpx;
|
|
|
}
|
|
|
.shopCont{
|
|
|
background: #FFFFFF;
|
|
@@ -1099,6 +1122,7 @@ button{
|
|
|
.modeline{
|
|
|
display: flex;
|
|
|
padding: 15rpx 24rpx;
|
|
|
+ justify-content: space-between;
|
|
|
}
|
|
|
.modelineLeft{
|
|
|
color: #999999;
|
|
@@ -1109,6 +1133,7 @@ button{
|
|
|
color: #333333;
|
|
|
font-size: 26rpx;
|
|
|
width: 550rpx;
|
|
|
+ text-align: right;
|
|
|
}
|
|
|
.expireNumber{
|
|
|
width: 110rpx;
|
|
@@ -1246,4 +1271,47 @@ button{
|
|
|
height: 48rpx;
|
|
|
line-height: 48rpx;width: 147rpx;
|
|
|
}
|
|
|
+ .gmlcImg{
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ .gmlc{
|
|
|
+ background: #ffffff;margin-top: 20rpx;
|
|
|
+ padding: 30rpx 24rpx;
|
|
|
+ }
|
|
|
+ .gmlcTitle{
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #666E80;
|
|
|
+ line-height: 37rpx;
|
|
|
+ padding-bottom: 25rpx;
|
|
|
+ }
|
|
|
+.biaoqian{
|
|
|
+ background: #FF0035;
|
|
|
+ border-radius: 24rpx 24rpx 25rpx 0rpx;
|
|
|
+ padding: 4rpx 16rpx;
|
|
|
+ font-size: 22rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
+ margin-top: 24rpx;
|
|
|
+ margin-bottom: -15rpx;
|
|
|
+}
|
|
|
+.shareIcon{
|
|
|
+ width: 33rpx;height: 33rpx;margin-left: 10rpx;
|
|
|
+}
|
|
|
+.shareBoxNew{
|
|
|
+ display: flex;font-size: 24rpx;
|
|
|
+color: #666666;padding-top: 6rpx;
|
|
|
+line-height: 33rpx;
|
|
|
+}
|
|
|
+.goodsMSBox{
|
|
|
+ display: flex;padding-left: 24rpx;
|
|
|
+ padding-bottom: 24rpx;
|
|
|
+}
|
|
|
+.goodsMs{
|
|
|
+ font-size: 18rpx;
|
|
|
+ color: #FF063A;
|
|
|
+ padding: 2rpx 8rpx;
|
|
|
+ border-radius: 6rpx;
|
|
|
+ border: 1rpx solid #FF063A;
|
|
|
+ margin-right: 16rpx;
|
|
|
+}
|
|
|
</style>
|