|
@@ -100,17 +100,28 @@
|
|
|
{{ pro.name }}
|
|
|
</view>
|
|
|
<view class="product-tags">
|
|
|
- <view class="floor-item-act" v-if="pro.actStatus==1">
|
|
|
+ <view class="floor-item-act">
|
|
|
<view class="coupon-tags">优惠券</view>
|
|
|
- <view class="floor-tags" v-if="PromotionsFormat(pro.promotions)">
|
|
|
- {{pro.promotions.name}}
|
|
|
- <text v-if="pro.priceFlag != 1">:¥{{ pro.price | NumFormat }}</text>
|
|
|
- </view>
|
|
|
- <view class="floor-tags" v-else>{{pro.promotions.name}}</view>
|
|
|
- </view>
|
|
|
- <view class="floor-item-act" v-else>
|
|
|
- <view class="coupon-tags">优惠券</view>
|
|
|
- <view class="floor-tags" v-if="pro.actStatus ==0 && pro.ladderPriceFlag==1">阶梯价格</view>
|
|
|
+ <template v-if="pro.actStatus== 1">
|
|
|
+ <view class="svip-tags" v-if='pro.proType == 0'>
|
|
|
+ <view class="tags none">SVIP</view>
|
|
|
+ </view>
|
|
|
+ <view class="svip-tags" v-if='pro.proType == 1'>
|
|
|
+ <view class="tags">SVIP</view>
|
|
|
+ <view class="price">{{ pro.discount }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="svip-tags" v-if='pro.proType == 2'>
|
|
|
+ <view class="tags">SVIP</view>
|
|
|
+ <view class="price">¥{{ pro.discountPrice | NumFormat }}</view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <view class="floor-tags" v-if="PromotionsFormat(pro.promotions)">
|
|
|
+ {{pro.promotions.name}}
|
|
|
+ <text v-if="pro.priceFlag != 1">:¥{{ pro.price | NumFormat }}</text>
|
|
|
+ </view>
|
|
|
+ <view class="floor-tags" v-else>{{pro.promotions.name}}</view>
|
|
|
+ </template>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="product-price">
|
|
@@ -118,19 +129,6 @@
|
|
|
<view class="list-none" v-else-if="pro.priceFlag == 2">¥价格仅会员可见</view>
|
|
|
<view class="list-none-price" v-else>¥{{ pro.price | NumFormat }}</view>
|
|
|
</view>
|
|
|
- <view class="product-svip">
|
|
|
- <view class="svip" v-if='pro.proType == 0'>
|
|
|
- <view class="tags none">SVIP</view>
|
|
|
- </view>
|
|
|
- <view class="svip" v-if='pro.proType == 1'>
|
|
|
- <view class="tags">SVIP</view>
|
|
|
- <view class="price">{{ pro.discount }}</view>
|
|
|
- </view>
|
|
|
- <view class="svip" v-if='pro.proType == 2'>
|
|
|
- <view class="tags">SVIP</view>
|
|
|
- <view class="price">¥{{ pro.discountPrice | NumFormat }}</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -253,8 +251,8 @@
|
|
|
ladderPriceFlag:0,
|
|
|
priceFlag:1,
|
|
|
originalPrice:100,
|
|
|
- price:5000000,
|
|
|
- actStatus:0,
|
|
|
+ price:500,
|
|
|
+ actStatus:1,
|
|
|
promotions:null,
|
|
|
isChecked:false,
|
|
|
productIds:1000,
|
|
@@ -268,7 +266,7 @@
|
|
|
ladderPriceFlag:1,
|
|
|
priceFlag:2,
|
|
|
originalPrice:100,
|
|
|
- price:500000,
|
|
|
+ price:500,
|
|
|
actStatus:1,
|
|
|
promotions:{
|
|
|
type:1,
|
|
@@ -278,7 +276,7 @@
|
|
|
isChecked:false,
|
|
|
productIds:1001,
|
|
|
proType:2,
|
|
|
- discountPrice:50000,
|
|
|
+ discountPrice:5000000,
|
|
|
},
|
|
|
{
|
|
|
image:'https://img.caimei365.com/group1/M00/00/10/rB-lGGCHqP-AIE9-AAEQHiqWjQY981.png',
|
|
@@ -297,7 +295,7 @@
|
|
|
isChecked:false,
|
|
|
productIds:1002,
|
|
|
proType:0,
|
|
|
- discountPrice:50000,
|
|
|
+ discountPrice:5000000,
|
|
|
},
|
|
|
{
|
|
|
image:'https://img.caimei365.com/group1/M00/00/10/rB-lGGCHqP-AIE9-AAEQHiqWjQY981.png',
|
|
@@ -307,7 +305,7 @@
|
|
|
priceFlag:0,
|
|
|
originalPrice:100,
|
|
|
price:50000000,
|
|
|
- actStatus:0,
|
|
|
+ actStatus:1,
|
|
|
promotions:null,
|
|
|
isChecked:false,
|
|
|
productIds:1003,
|
|
@@ -704,7 +702,7 @@
|
|
|
margin-top: 16rpx;
|
|
|
.product-list{
|
|
|
width: 339rpx;
|
|
|
- height: 560rpx;
|
|
|
+ height: 516rpx;
|
|
|
border-radius: 16rpx;
|
|
|
float: left;
|
|
|
margin-right: 24rpx;
|
|
@@ -744,78 +742,26 @@
|
|
|
.product-tags{
|
|
|
width: 100%;
|
|
|
height: 32rpx;
|
|
|
- margin-top: 4rpx;
|
|
|
+ margin-top: 6rpx;
|
|
|
.floor-item-act{
|
|
|
width: 100%;
|
|
|
height: 32rpx;
|
|
|
text-align: center;
|
|
|
box-sizing: border-box;
|
|
|
float: left;
|
|
|
- .floor-tags{
|
|
|
- height: 32rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- border-radius: 8rpx;
|
|
|
- background-color: #FFFFFF;
|
|
|
- line-height: 28rpx;
|
|
|
- color: $color-system;
|
|
|
- text-align: center;
|
|
|
- display: inline-block;
|
|
|
- padding:0 8rpx;
|
|
|
- font-size: $font-size-20;
|
|
|
- border: 1px solid #E15616;
|
|
|
- float: left;
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
.product-price{
|
|
|
width: 100%;
|
|
|
line-height: 37rpx;
|
|
|
font-size: $font-size-26;
|
|
|
- color: #333333;
|
|
|
+ color: #F94B4B;
|
|
|
margin-top: 8rpx;
|
|
|
.list-none-price{
|
|
|
text-decoration: line-through;
|
|
|
color: #999999;
|
|
|
}
|
|
|
}
|
|
|
- .product-svip{
|
|
|
- width: 100%;
|
|
|
- height: 32rpx;
|
|
|
- margin-top: 10rpx;
|
|
|
- .svip{
|
|
|
- padding-left: 44rpx;
|
|
|
- height: 32rpx;
|
|
|
- position: relative;
|
|
|
- .tags{
|
|
|
- width: 60rpx;
|
|
|
- height: 32rpx;
|
|
|
- background-color: #333333;
|
|
|
- text-align: center;
|
|
|
- line-height: 32rpx;
|
|
|
- font-size: $font-size-22;
|
|
|
- color: #F0CB72;
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
- border-radius: 8rpx 16rpx 8rpx 8rpx;
|
|
|
- &.none{
|
|
|
- border-radius: 8rpx;
|
|
|
- }
|
|
|
- }
|
|
|
- .price{
|
|
|
- height: 32rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- border-radius:0 8rpx 8rpx 0;
|
|
|
- background-color: #F0CB72;
|
|
|
- line-height: 32rpx;
|
|
|
- color: #333333;
|
|
|
- text-align: center;
|
|
|
- padding:0 9rpx 0 25rpx;
|
|
|
- font-size: $font-size-26;
|
|
|
- float: left;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
}
|