werun-wxapp/components/diy-bargaining/index.wxml

<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>