|
@@ -33,13 +33,15 @@
|
|
|
|
|
|
<view class="goodsName">{{info.name}}</view>
|
|
<view class="goodsName">{{info.name}}</view>
|
|
<view style="display: flex;justify-content: space-between;padding-right: 24rpx;">
|
|
<view style="display: flex;justify-content: space-between;padding-right: 24rpx;">
|
|
- <view class="goodsMd" v-if="info.sellingPoint">{{info.sellingPoint}}</view>
|
|
|
|
|
|
+ <view class="goodsMd" ><span v-if="info.sellingPoint">{{info.sellingPoint}}</span> </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 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>
|
|
<view class="goodsMSBox" v-if="info.detailSellingLabel">
|
|
<view class="goodsMSBox" v-if="info.detailSellingLabel">
|
|
-
|
|
|
|
<view class="goodsMs" v-for="(item,index) in info.detailSellingLabel.split(',')">{{item}}</view>
|
|
<view class="goodsMs" v-for="(item,index) in info.detailSellingLabel.split(',')">{{item}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
+ <view style="padding-left: 24rpx;padding-bottom: 20rpx;">
|
|
|
|
+ <view class="Sold" v-if="info.showLabel&&info.showLabel.indexOf('2')!=-1">库存 <span style="color: #FFC107;">{{info.qty>0?info.qty:0}}</span> </view>
|
|
|
|
+ </view>
|
|
|
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
@@ -172,15 +174,22 @@
|
|
</view>
|
|
</view>
|
|
<view class="hotGoodsLineRIght">
|
|
<view class="hotGoodsLineRIght">
|
|
<view class="goodsName2">{{info.name}}</view>
|
|
<view class="goodsName2">{{info.name}}</view>
|
|
- <view class="Sold" v-if="info.showLabel&&info.showLabel.indexOf('3')!=-1">
|
|
|
|
- 已售 {{info.saleQty>0?info.saleQty:0}}</view>
|
|
|
|
- <view class="goodsPrice">
|
|
|
|
- <view class="goodsPrice11" v-if="info.saleLabel">{{info.saleLabel}}</view>
|
|
|
|
- <view class="goodsPrice22">¥</view>
|
|
|
|
- <view class="goodsPrice33">{{info.salePrice?info.salePrice:info.scribingPrice}}
|
|
|
|
- <span v-if="info.categoryIds=='7B97D114-C419-42B2-9C1E-0B4CA284CDA0'">万</span>
|
|
|
|
|
|
+ <div style="display: flex;">
|
|
|
|
+ <view class="biaoqian2" v-if="info.saleLabel">{{info.saleLabel}}</view>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <view style="display: flex;justify-content: space-between;">
|
|
|
|
+ <view class="goodsPrice">
|
|
|
|
+ <view class="goodsPrice22">¥</view>
|
|
|
|
+ <view class="goodsPrice33">{{info.salePrice?info.salePrice:info.scribingPrice}}
|
|
|
|
+ <span v-if="info.categoryIds=='7B97D114-C419-42B2-9C1E-0B4CA284CDA0'">万</span>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="goodsPrice44" v-if="info.showLabel&&info.scribingPrice&&info.showLabel.indexOf('1')!=-1">¥{{info.scribingPrice}}</view>
|
|
</view>
|
|
</view>
|
|
- <view class="goodsPrice44" v-if="info.showLabel&&info.scribingPrice&&info.showLabel.indexOf('1')!=-1">¥{{info.scribingPrice}}</view>
|
|
|
|
|
|
+
|
|
|
|
+ <view class="Sold" style="padding-top: 18rpx;" v-if="info.showLabel&&info.showLabel.indexOf('3')!=-1">
|
|
|
|
+ 已售 {{info.saleQty>0?info.saleQty:0}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -834,6 +843,7 @@
|
|
}
|
|
}
|
|
.hotGoodsLineRIght{
|
|
.hotGoodsLineRIght{
|
|
padding-left: 24rpx;
|
|
padding-left: 24rpx;
|
|
|
|
+ width: 450rpx;
|
|
}
|
|
}
|
|
.goodsPrice{
|
|
.goodsPrice{
|
|
display: flex;
|
|
display: flex;
|
|
@@ -940,16 +950,19 @@ button{
|
|
margin-left: 80rpx;
|
|
margin-left: 80rpx;
|
|
}
|
|
}
|
|
.goodsDetailTitle{
|
|
.goodsDetailTitle{
|
|
- color: #333333;
|
|
|
|
- font-size: 30rpx;
|
|
|
|
- font-weight: 500;
|
|
|
|
|
|
+ font-size: 26rpx;
|
|
|
|
+ color: #666E80;
|
|
background: #FFFFFF;
|
|
background: #FFFFFF;
|
|
padding: 20rpx 24rpx;
|
|
padding: 20rpx 24rpx;
|
|
|
|
+ padding-left: 0;
|
|
}
|
|
}
|
|
.goodsDetail{
|
|
.goodsDetail{
|
|
margin-top: 20rpx;
|
|
margin-top: 20rpx;
|
|
padding-bottom: 30rpx;
|
|
padding-bottom: 30rpx;
|
|
background: #FFFFFF;
|
|
background: #FFFFFF;
|
|
|
|
+ font-size: 26rpx;
|
|
|
|
+ padding-left: 24rpx;
|
|
|
|
+ padding-right: 24rpx;
|
|
}
|
|
}
|
|
.goodsDetail img{
|
|
.goodsDetail img{
|
|
width: 750rpx;
|
|
width: 750rpx;
|
|
@@ -1072,7 +1085,7 @@ button{
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
color: #EC0F0A;
|
|
color: #EC0F0A;
|
|
- padding-top: 10rpx;
|
|
|
|
|
|
+ padding-top: 12rpx;
|
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
@@ -1087,7 +1100,7 @@ button{
|
|
color: #999999;
|
|
color: #999999;
|
|
padding-top: 14rpx;
|
|
padding-top: 14rpx;
|
|
text-decoration:line-through;
|
|
text-decoration:line-through;
|
|
- padding-left: 10rpx;
|
|
|
|
|
|
+ padding-left: 14rpx;
|
|
}
|
|
}
|
|
.Sold{
|
|
.Sold{
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
@@ -1110,6 +1123,7 @@ button{
|
|
font-size: 26rpx;
|
|
font-size: 26rpx;
|
|
padding: 0 24rpx;
|
|
padding: 0 24rpx;
|
|
padding-bottom: 10rpx;
|
|
padding-bottom: 10rpx;
|
|
|
|
+ width: 550rpx;
|
|
}
|
|
}
|
|
.shopCont{
|
|
.shopCont{
|
|
background: #FFFFFF;
|
|
background: #FFFFFF;
|
|
@@ -1292,19 +1306,28 @@ button{
|
|
font-size: 22rpx;
|
|
font-size: 22rpx;
|
|
color: #FFFFFF;
|
|
color: #FFFFFF;
|
|
margin-top: 24rpx;
|
|
margin-top: 24rpx;
|
|
- margin-bottom: -15rpx;
|
|
|
|
|
|
+ margin-bottom: -20rpx;
|
|
|
|
+}
|
|
|
|
+.biaoqian2{
|
|
|
|
+ background: #FF0035;
|
|
|
|
+ border-radius: 24rpx 24rpx 25rpx 0rpx;
|
|
|
|
+ padding: 4rpx 16rpx;
|
|
|
|
+ font-size: 22rpx;
|
|
|
|
+ color: #FFFFFF;
|
|
|
|
+ margin-top: 24rpx;
|
|
}
|
|
}
|
|
.shareIcon{
|
|
.shareIcon{
|
|
width: 33rpx;height: 33rpx;margin-left: 10rpx;
|
|
width: 33rpx;height: 33rpx;margin-left: 10rpx;
|
|
}
|
|
}
|
|
.shareBoxNew{
|
|
.shareBoxNew{
|
|
display: flex;font-size: 24rpx;
|
|
display: flex;font-size: 24rpx;
|
|
-color: #666666;padding-top: 6rpx;
|
|
|
|
|
|
+color: #666666;padding-top: 16rpx;
|
|
line-height: 33rpx;
|
|
line-height: 33rpx;
|
|
}
|
|
}
|
|
.goodsMSBox{
|
|
.goodsMSBox{
|
|
display: flex;padding-left: 24rpx;
|
|
display: flex;padding-left: 24rpx;
|
|
- padding-bottom: 24rpx;
|
|
|
|
|
|
+
|
|
|
|
+ flex-wrap: wrap;
|
|
}
|
|
}
|
|
.goodsMs{
|
|
.goodsMs{
|
|
font-size: 18rpx;
|
|
font-size: 18rpx;
|
|
@@ -1313,5 +1336,6 @@ line-height: 33rpx;
|
|
border-radius: 6rpx;
|
|
border-radius: 6rpx;
|
|
border: 1rpx solid #FF063A;
|
|
border: 1rpx solid #FF063A;
|
|
margin-right: 16rpx;
|
|
margin-right: 16rpx;
|
|
|
|
+ margin-bottom: 16rpx;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|