pbf-wxapp/components/diy-seckill/index.wxml

<block wx:if="{{column == 'template1'}}">
    <view class="seckill seckill1" 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" style="width: {{style.seckillWidth}}%;margin:{{style.seckillMargin.top *2}}rpx {{style.seckillMargin.right *2}}rpx {{style.seckillMargin.bottom *2}}rpx {{style.seckillMargin.left *2}}rpx; padding:{{style.seckillPadding.top *2}}rpx {{style.seckillPadding.right *2}}rpx {{style.seckillPadding.bottom *2}}rpx {{style.seckillPadding.left *2}}rpx;background: {{style.seckillBackground}};border-radius: {{style.seckillBorderRadius *2}}rpx;">
            <view bind:tap="toSeckill" data-item="{{item}}" class="big-img" style="border-radius: {{style.borderRadius *2}}rpx;">
                <image src="{{item.goods.image}}" style="width: 100%;height: 100%; background-repeat: no-repeat;background-size: 100%;" />
                <view class="time-content">
                    <block wx:if="{{data.showCountdown}}">
                        <block wx:if="{{item.time > 0 }}">
                            <view class="secondsKill">秒杀</view>
                            <view class="time">
                                <view class="distance-time">距离结束仅剩</view>
                                <van-count-down custom-class="countDown" use-slot time="{{ item.time }}" data-index="{{index}}" bind:change="onChange">
                                    <text class="item">{{ item.timeData.days }}天</text>
                                    <text class="item">{{ item.timeData.hours }}时</text>
                                    <text class="item">{{ item.timeData.minutes }}分</text>
                                    <text class="item">{{ item.timeData.seconds }}秒</text>
                                </van-count-down>
                            </view>
                        </block>
                        <view wx:else class="secondsKill">活动已结束</view>
                    </block>
                </view>
            </view>
            <view class="content">
                <view class="commodity-content">
                    <van-tag color="#facbcb" text-color="#ff4434" size="medium">减{{item.discount}}元</van-tag>
                    <!-- <view class="reduction line" style="font-size: {{style.titleSize *2}}rpx;">
                    </view> -->
                    <view class="commodity-name line" style="font-size: {{style.titleSize *2}}rpx;">
                        {{item.goods.name}}
                    </view>
                </view>
                <view class="describe line" style="font-size: {{style.descSize *2}}rpx;">
                    {{item.goods.desc ? item.goods.desc : '暂无商品简介'}}
                </view>
                <block wx:if="{{data.showTotal}}">
                    <view class="inventory">仅剩{{item.goods.total || item.goods.stock}}件</view>
                </block>
                <view class="price-content">
                    <block wx:if="{{data.price}}">
                        <view class="price">
                            <block wx:if="{{data.showSeckillPrice}}">
                                <view class="discount line">￥{{item.goods.price}}</view>
                            </block>
                            <block wx:if="{{item.goods.showPrice}}">
                                <view class="original-price line">￥{{item.goods.original}}</view>
                            </block>
                        </view>
                    </block>
                    <button class="buy" style="font-size: {{style.btnSize *2}}rpx;color: {{style.btnColor}};">
                        {{style.btnText}}
                    </button>
                </view>
            </view>
        </view>
    </view>
</block>
<block wx:if="{{column == 'template2'}}">
    <view class="seckill seckill2" 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="two-box" data-item="{{item}}" bind:tap="toSeckill" wx:for="{{list}}" wx:key="index" style="width: {{style.seckillWidth}}%;margin: {{style.seckillMargin.top *2}}rpx {{style.seckillMargin.right *2}}rpx {{style.seckillMargin.bottom *2}}rpx {{style.seckillMargin.left *2}}rpx; padding: {{style.seckillPadding.top *2}}rpx {{style.seckillPadding.right *2}}rpx {{style.seckillPadding.bottom *2}}rpx {{style.seckillPadding.left *2}}rpx;background: {{style.seckillBackground}};border-radius: {{style.seckillBorderRadius *2}}rpx;">
            <view class="two-img" style="border-radius: {{style.borderRadius *2}}rpx;">
                <image src="{{item.goods.image}}" style="width: 100%;height: 100%; background-repeat: no-repeat;background-size: 100%;border-radius: {{style.borderRadius *2}}rpx;" />
                <view class="time-content">
                    <block wx:if="{{data.showCountdown}}">
                        <block wx:if="{{item.time > 0 }}">
                            <view class="secondsKill">距离结束仅剩</view>
                            <view class="time">
                                <van-count-down custom-class="countDown" use-slot time="{{ item.time }}" data-index="{{index}}" bind:change="onChange">
                                    <text class="item">{{ item.timeData.days }}天</text>
                                    <text class="item">{{ item.timeData.hours }}时</text>
                                    <text class="item">{{ item.timeData.minutes }}分</text>
                                    <text class="item">{{ item.timeData.seconds }}秒</text>
                                </van-count-down>
                            </view>
                        </block>
                        <view class="secondsKill" wx:else>活动已结束</view>
                    </block>
                </view>
            </view>
            <view class="content">
                <view class="commodity-content line-two" style="font-size: {{style.titleSize *2}}rpx;">
                    <van-tag color="#facbcb" text-color="#ff4434" size="medium">减{{item.discount}}元</van-tag>
                    <!-- <view class="reduction line" style="font-size: {{style.titleSize *2}}rpx;">
                    </view> -->
                    {{item.goods.name}}
                </view>
                <view class="describe line" style="font-size: {{style.descSize *2}}rpx;">
                    {{item.goods.desc ? item.goods.desc : '暂无商品简介'}}
                </view>
                <block wx:if="{{data.showTotal}}">
                    <view class="inventory line">仅剩{{item.goods.total || item.goods.stock}}件</view>
                </block>
                <view class="price-content">
                    <view class="price">
                        <block wx:if="{{data.showPrice}}">
                            <view class="discount line">￥{{item.goods.price}}</view>
                        </block>
                        <block wx:if="{{data.showSeckillPrice}}">
                            <view class="original-price line">￥{{item.goods.originalPrice}}</view>
                        </block>
                    </view>
                    <button class="buy" style="font-size: {{style.btnSize *2}}rpx;color: {{style.btnColor}};">
                        {{style.btnText}}
                    </button>
                </view>
            </view>
        </view>
    </view>
</block>
<block wx:if="{{column == 'template3'}}">
    <view class="seckill" 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="three-box" wx:for="{{list}}" wx:key="index" style="width: {{style.seckillWidth}}%;margin: {{style.seckillMargin.top *2}}rpx {{style.seckillMargin.right *2}}rpx {{style.seckillMargin.bottom *2}}rpx {{style.seckillMargin.left *2}}rpx; padding: {{style.seckillPadding.top *2}}rpx {{style.seckillPadding.right *2}}rpx {{style.seckillPadding.bottom *2}}rpx {{style.seckillPadding.left *2}}rpx;background: {{style.seckillBackground}};border-radius: {{style.seckillBorderRadius *2}}rpx;">
            <view class="three-img" bind:tap="toSeckill" data-item="{{item}}">
                <image src="{{item.goods.image}}" style="width: 100%;height: 100%; background-repeat: no-repeat;background-size: 100%;border-radius: {{style.borderRadius *2}}rpx;" />
            </view>
            <view class="content" bind:tap="toSeckill" data-itrm="{{item}}">
                <view class="commodity-name line-two" style="font-size: {{style.titleSize *2}}rpx;">
                    {{item.goods.name}}
                </view>
                <view class="describe line" style="font-size: {{style.descSize *2}}rpx;">
                    {{item.goods.desc ? item.goods.desc : '暂无商品简介'}}
                </view>
                <block wx:if="{{data.showTotal}}">
                    <view class="inventory line">仅剩{{item.goods.total || item.goods.stock}}件</view>
                </block>
                <view class="price-content">
                    <view class="price">
                        <block wx:if="{{data.showPrice}}">
                            <view class="discount line">￥{{item.goods.price}}</view>
                        </block>
                        <block wx:if="{{data.showSeckillPrice}}">
                            <view class="original-price line">￥{{item.goods.originalPrice}}</view>
                        </block>
                    </view>
                    <button class="buy" style="font-size: {{style.btnSize *2}}rpx;color: {{style.btnColor}};">
                        {{style.btnText}}
                    </button>
                </view>
            </view>
        </view>
    </view>
</block>
<block wx:if="{{column == 'template4'}}">
    <view class="seckill_4" 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 bind:tap="toSeckill" data-item="{{item}}" class="details" wx:for="{{list}}" wx:key="index" style="width: {{style.seckillWidth}}%;margin: {{style.seckillMargin.top *2}}rpx {{style.seckillMargin.right *2}}rpx {{style.seckillMargin.bottom *2}}rpx {{style.seckillMargin.left *2}}rpx; padding: {{style.seckillPadding.top *2}}rpx {{style.seckillPadding.right *2}}rpx {{style.seckillPadding.bottom *2}}rpx {{style.seckillPadding.left *2}}rpx;background: {{style.seckillBackground}};border-radius: {{style.seckillBorderRadius *2}}rpx;">
            <view class="details_left">
                <image class="image" src="{{item.goods.image}}" mode="widthFix" lazy-load="false" binderror="" bindload="" />
                <view class="time-content" wx:if="{{data.showCountdown}}">
                    <block wx:if="{{item.time > 0 }}">
                        <view class="secondsKill">距结束</view>
                        <van-count-down custom-class="countDown" use-slot time="{{ item.time }}" data-index="{{index}}" bind:change="onChange">
                            <text class="item">{{ item.timeData.days }}天</text>
                            <text class="item">{{ item.timeData.hours }}时</text>
                            <text class="item">{{ item.timeData.minutes }}分</text>
                            <text class="item">{{ item.timeData.seconds }}秒</text>
                        </van-count-down>
                    </block>
                    <view class="secondsKill" wx:else>活动已结束</view>
                </view>
            </view>
            <view class="content">
                <view class="top_content">
                    <view class="commodity-content line-two" style="font-size: {{style.titleSize *2}}rpx;">
                        <span class="reduction">减{{item.discount}}元</span>
                        {{item.goods.name}}
                    </view>
                    <view class="describe line" style="font-size: {{style.descSize *2}}rpx;">
                        {{item.goods.desc ? item.goods.desc : '暂无商品简介'}}
                    </view>
                    <block wx:if="{{data.showTotal}}">
                        <view class="inventory">库存:{{item.goods.total || item.goods.stock}}</view>
                    </block>
                </view>
                <view class="price-content">
                    <view class="price">
                        <block wx:if="{{data.showSeckillPrice}}">
                            <view class="discount">￥{{item.goods.price}}</view>
                        </block>
                        <block wx:if="{{data.showPrice}}">
                            <view class="original-price">￥{{item.goods.originalPrice}}</view>
                        </block>
                    </view>
                    <view class="price_info">
                        <view class="buy" style="font-size: {{style.btnSize *2}}rpx;color: {{style.btnColor}};">
                            {{style.btnText}}
                        </view>
                    </view>
                </view>
            </view>
        </view>
    </view>
</block>
<block wx:if="{{column == 'template5'}}">
    <view class="seckill">
        <scroll-view scroll-x="true" ebable-flex style="padding: 0 15rpx;display: flex;white-space: nowrap;">
            <view class="scroll-box" wx:for="{{list}}" wx:key="index">
                <view bind:tap="toSeckill" data-item="{{item}}" class="scroll">
                    <view class="scroll-img" style="background: url({{item.goods.image}}) no-repeat;background-size: 100%;"></view>
                    <view class="content">
                        <view class="commodity-name line-two" style="white-space: normal;font-size: {{style.titleSize *2}}rpx;font-weight: {{style.fiveGoodsTitleWieght *2}}">
                            {{item.goods.name}}
                        </view>
                        <view class="describe line" style="font-size: {{style.descSize *2}}rpx;color: {{style.descSize}};">
                            {{item.goods.desc ? item.goods.desc : '暂无商品简介'}}
                        </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>