<block wx:if="{{column == 'template1'}}"> <view class="bargaining" style="width: {{style.width}}%;margin: {{style.margin.top *2}}rpx {{style.margin.right *2}}rpx {{style.margin.bottom *2}}rpx {{style.margin.left *2}}rpx; padding: {{style.padding.top *2}}rpx {{style.padding.right *2}}rpx {{style.padding.bottom *2}}rpx {{style.padding.left *2}}rpx;background: {{style.background}};border-radius: {{style.borderRadius *2}}rpx;"> <view class="big" wx:for="{{List}}" wx:key="index"> <view class="big-img" style="background: url({{style.goodsImg}}) no-repeat;background-size: 100%;"> <view class="time-content" style="background: {{style.tiemBackground}};"> <block wx:if="{{item.time > 0}}"> <view class="secondsKill" style="font-size: {{style.secondsKillFontSize *2}}rpx;font-weight: {{style.secondsKillWeight}};color: {{style.secondsKillColor}}"> 秒杀 </view> <view class="time"> <view style="margin-top: 7rpx;font-size: {{style.countDownFontSize *2}}rpx;color:{{style.countDown}};"> 距离结束仅剩 </view> <van-count-down custom-class="countDown" custom-class="countDown" use-slot time="{{ item.time }}" bind:change="onChange"> <text class="item" style="font-size: {{style.countDownFontSize *2}}rpx;padding: {{style.countDownPadding}};color:{{style.countDown}};">{{ timeData.days }}天</text> <text class="item" style="font-size: {{style.countDownFontSize *2}}rpx;padding: {{style.countDownPadding}};color:{{style.countDown}};">{{ timeData.hours }}时</text> <text class="item" style="font-size: {{style.countDownFontSize *2}}rpx;padding: {{style.countDownPadding}};color:{{style.countDown}};">{{ timeData.minutes }}分</text> <text class="item" style="font-size: {{style.countDownFontSize *2}}rpx;padding: {{style.countDownPadding}};color:{{style.countDown}};">{{ timeData.seconds }}秒</text> </van-count-down> </view> </block> <view wx:else class="secondsKill" style="font-size: {{style.secondsKillFontSize *2}}rpx;font-weight: {{style.secondsKillWeight}};color: {{style.secondsKillColor}}"> 活动已结束 </view> </view> </view> <view class="content" style="background: {{style.background}};"> <view class="commodity-content"> <block wx:if="{{reductionPrice}}"> <view class="reduction line" style="font-size: {{style.reductionFontSize *2}}rpx;color: {{style.reductionColor}};background: {{style.reductionBackground}};"> 减{{item.reductionPrice}}.00元 </view> </block> <view class="commodity-name line" style="font-size: {{style.goodsTitleSize *2}}rpx;font-weight: {{style.goodsTitleWieght *2}}"> {{item.goodsName}} </view> </view> <view class="describe line" style="font-size: {{style.describeFontSize *2}}rpx;color: {{style.describeColor}};"> {{item.describeName}} </view> <block wx:if="{{inventoryNumber}}"> <view class="inventory" style="font-size: {{style.oneInventorySizeFont *2}}rpx;color: {{style.oneInventoryColor}}"> 仅剩{{item.inventoryNumber}}件 </view> </block> <view class="price-content"> <view class="price"> <view class="discount line" style="font-size: {{style.discountFontSize *2}}rpx;font-weight: {{style.discountWeight *2}};color: {{style.discountColor}};"> ¥{{item.price}} </view> <view class="original-price line" style="font-size: {{style.originalFontSize *2}}rpx;font-weight: {{style.originalWeight *2}};color: {{style.originalColor}};"> ¥{{item.original}} </view> </view> <block wx:if="{{button}}"> <button class="buy" style="font-size: {{style.buyFontSize *2}}rpx;font-weight: {{style.buyWeight}};color: {{style.buyColor}};"> {{item.buy}} </button> </block> <block wx:else></block> </view> </view> </view> </view> </block> <block wx:if="{{column == 'template2'}}"> <view class="bargaining" style=""> <view class="two-box" wx:for="{{twoList}}" wx:key="index"> <view class="two"> <view class="two-img" style="background: url({{style.twoGoodsImg}}) no-repeat;background-size: 100%;"> <view class="time-content" style="background: {{style.twoTiemBackground}}"> <block wx:if="{{item.time > 0}}"> <view class="secondsKill" style="font-size: {{style.twoSecondsKillFontSize *2}}rpx;font-weight: {{style.twoSecondsKillWeight}};color: {{style.twoSecondsKillColor}}"> 距结束 </view> <view class="time"> <van-count-down custom-class="countDown" use-slot time="{{ item.time }}" bind:change="onChange"> <text class="item" style="font-size: {{style.countDownFontSize *2}}rpx;padding: {{style.countDownPadding}};color:{{style.countDown}};">{{ timeData.days }}天</text> <text class="item" style="font-size: {{style.countDownFontSize *2}}rpx;padding: {{style.countDownPadding}};color:{{style.countDown}};">{{ timeData.hours }}时</text> <text class="item" style="font-size: {{style.countDownFontSize *2}}rpx;padding: {{style.countDownPadding}};color:{{style.countDown}};">{{ timeData.minutes }}分</text> <text class="item" style="font-size: {{style.countDownFontSize *2}}rpx;padding: {{style.countDownPadding}};color:{{style.countDown}};">{{ timeData.seconds }}秒</text> </van-count-down> </view> </block> <view class="secondsKill" wx:else style="font-size: {{style.twoSecondsKillFontSize *2}}rpx;font-weight: {{style.twoSecondsKillWeight}};color: {{style.twoSecondsKillColor}}"> 活动已结束 </view> </view> </view> <view class="content"> <view class="commodity-content line-two" style="font-size: {{style.twoGoodsTitleSize *2}}rpx;font-weight: {{style.twoGoodsTitleWieght *2}}"> <block wx:if="{{reductionPrice}}"> <view class="reduction line" style="font-size: {{style.twoReductionFontSize *2}}rpx;color: {{style.twoReductionColor}};background: {{style.twoReductionBackground}};"> 减{{item.reductionPrice}}.00元 </view> </block> {{item.goodsName}} </view> <view class="describe line" style="font-size: {{style.descSize *2}}rpx;"> {{item.describeName}} </view> <block wx:if="{{inventoryNumber}}"> <view class="inventory line" style="font-size: {{style.twoInventorySizeFont *2}}rpx;color: {{style.twoInventoryColor}}"> 仅剩{{item.inventoryNumber}}件 </view> </block> <view class="price-content"> <view class="price"> <view class="discount line" style="font-size: {{style.twoDiscountFontSize *2}}rpx;font-weight: {{style.twoDiscountWeight *2}}rpx;color: {{style.twoDiscountColor}};"> ¥{{item.price}} </view> <view class="original-price line" style="font-size: {{style.twoOriginalFontSize *2}}rpx;font-weight: {{style.twoOriginalWeight *2}}rpx;color: {{style.twoOriginalColor}};"> ¥{{item.original}} </view> </view> <block wx:if="{{button}}"> <button class="buy" style="font-size: {{style.btnSize *2}}rpx;color: {{style.btnColor}};"> {{style.btnText}} </button> </block> <block wx:else></block> </view> </view> </view> </view> </view> </block> <block wx:if="{{column == 'template3'}}"> <view class="bargaining"> <view class="three-box" wx:for="{{threeList}}" wx:key="index"> <view class="three"> <view class="three-img" style="background: url({{style.twoGoodsImg}}) no-repeat;background-size: 100%;"></view> <view class="content"> <view class="commodity-name line-two" style="font-size: {{style.threeGoodsTitleSize *2}}rpx;font-weight: {{style.threeGoodsTitleWieght *2}}"> {{item.goodsName}} </view> <view class="describe line" style="font-size: {{style.describeFontSize *2}}rpx;color: {{style.describeColor}};"> {{item.describeName}} </view> <block wx:if="{{inventoryNumber}}"> <view class="inventory line" style="font-size: {{style.threeInventorySizeFont *2}}rpx;color: {{style.threeInventoryColor}}"> 仅剩{{item.inventoryNumber}}件 </view> </block> <view class="discount line" style="font-size: {{style.threeDiscountFontSize *2}}rpx;font-weight: {{style.threeDiscountWeight *2}}rpx;color: {{style.threeDiscountColor}};"> ¥{{item.price}} </view> <view class="original-price line" style="font-size: {{style.threeOriginalFontSize *2}}rpx;font-weight: {{style.threeOriginalWeight *2}}rpx;color: {{style.threeOriginalColor}};"> ¥{{item.original}} </view> <block wx:if="{{button}}"> <button class="buy line" style="font-size: {{style.threeBuyFontSize *2}}rpx;font-weight: {{style.threeBuyWeight *2}};color: {{style.threeBuyColor}};background: {{style.threeBuyBackground}};"> {{item.buy}} </button> </block> <block wx:else></block> </view> </view> </view> </view> </block> <block wx:if="{{column == 'template4'}}"> <view class="bargaining"> <view class="details" wx:for="{{fourList}}" wx:key="index"> <view class="details-img" style="border-radius: {{style.borderRadius}};background: url({{style.twoGoodsImg}}) no-repeat;background-size: 100%;"> <view class="time-content" style="background: {{style.detailsTiemBackground}};"> <block wx:if="{{item.time > 0}}"> <view class="secondsKill" style="font-size: {{style.detailSecondsKillFontSize *2}}rpx;font-weight: {{style.detailSecondsKillWeight}};color: {{style.detailSecondsKillColor}}"> 秒杀 </view> <view class="time"> <van-count-down custom-class="countDown" use-slot time="{{ item.time }}" bind:change="onChange"> <text class="item" style="font-size: {{style.countDownFontSize *2}}rpx;padding: {{style.countDownPadding}};color:{{style.countDown}};">{{ timeData.hours }}时</text> <text class="item" style="font-size: {{style.countDownFontSize *2}}rpx;padding: {{style.countDownPadding}};color:{{style.countDown}};">{{ timeData.minutes }}分</text> <text class="item" style="font-size: {{style.countDownFontSize *2}}rpx;padding: {{style.countDownPadding}};color:{{style.countDown}};">{{ timeData.seconds }}秒</text> </van-count-down> </view> </block> <view wx:else class="secondsKill" style="font-size: {{style.detailSecondsKillFontSize *2}}rpx;font-weight: {{style.detailSecondsKillWeight}};color: {{style.detailSecondsKillColor}}"> 活动已结束 </view> </view> </view> <view class="content"> <view class="commodity-content line-two" style="font-size: {{style.detailsGoodsTitleSize *2}}rpx;font-weight: {{style.detailsGoodsTitleWieght *2}}"> <block wx:if="{{reductionPrice}}"> <view class="reduction line" style="font-size: {{style.detailsReductionFontSize *2}}rpx;color: {{style.detailsReductionColor}};background: {{style.detailsReductionBackground}};"> 减{{item.reductionPrice}}.00元 </view> </block> {{item.goodsName}} </view> <view class="describe line" style="font-size: {{style.detailsDescribeFontSize *2}}rpx;color: {{style.detailsDescribeColor}};"> {{item.describeName}} </view> <block wx:if="{{inventoryNumber}}"> <view class="inventory line" style="font-size: {{style.detailsInventorySizeFont *2}}rpx;color: {{style.detailsInventoryColor}}"> 仅剩{{item.inventoryNumber}}件 </view> </block> <view class="price-content"> <view class="price"> <view class="discount line" style="font-size: {{style.detailsDiscountFontSize *2}}rpx;font-weight: {{style.detailsDiscountWeight *2}}rpx;color: {{style.detailsDiscountColor}};"> ¥{{item.price}} </view> <view class="original-price line" style="font-size: {{style.detailsOriginalFontSize *2}}rpx;font-weight: {{style.detailsOriginalWeight *2}}rpx;color: {{style.detailOriginalColor}};"> ¥{{item.original}} </view> </view> <block wx:if="{{button}}"> <button class="buy" style="font-size: {{style.detailsBuyFontSize *2}}rpx;font-weight: {{style.detailsBuyWeight *2}};color: {{style.detailsBuyColor}};"> {{item.buy}} </button> </block> </view> </view> </view> </view> </block> <block wx:if="{{column == 'template5'}}"> <view class="bargaining"> <scroll-view scroll-x="true" ebable-flex style="padding: 0 15rpx;display: flex;white-space: nowrap;"> <view class="scroll-box" wx:for="{{fiveList}}" wx:key="index"> <view class="scroll"> <view class="scroll-img" style="background: url({{style.fiveGoodsImg}}) no-repeat;background-size: 100%;"></view> <view class="content"> <view class="commodity-name line-two" style="white-space: normal;font-size: {{style.fiveGoodsTitleSize *2}}rpx;font-weight: {{style.fiveGoodsTitleWieght *2}}"> {{item.goodsName}} </view> <view class="describe line" style="font-size: {{style.fiveDescribeFontSize *2}}rpx;color: {{style.fiveDescribeColor}};"> {{item.describeName}} </view> <block wx:if="{{inventoryNumber}}"> <view class="inventory line" style="font-size: {{style.fiveInventorySizeFont *2}}rpx;color: {{style.fiveInventoryColor}};"> 仅剩{{item.inventoryNumber}}件 </view> </block> <view class="discount line" style="font-size: {{style.fiveDiscountFontSize *2}}rpx;font-weight: {{style.fiveDiscountWeight *2}}rpx;color: {{style.fiveDiscountColor}};"> ¥{{item.price}} </view> <view class="original-price line" style="font-size: {{style.fiveOriginalFontSize *2}}rpx;font-weight: {{style.fiveOriginalWeight *2}}rpx;color: {{style.fiveOriginalColor}};"> ¥{{item.original}} </view> <block wx:if="{{button}}"> <button class="buy" style="background: {{style.fiveBuyBackground}};font-size: {{style.fiveBuyFontSize *2}}rpx;font-weight: {{style.fiveBuyWeight *2}};color: {{style.fiveBuyColor}}"> {{item.buy}} </button> </block> <block wx:else></block> </view> </view> </view> </scroll-view> </view> </block>