werun-wxapp/components/diy-coupon/coupon.wxml

<!-- components/diy-coupon/coupon.wxml -->
<block wx:if="{{column == 'style1'}}">
    <view class="one_index" style="width:{{style.width}}%;background:{{style.backgroundColor}};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.right * 2}}rpx">
        <block wx:for="{{list}}" wx:key="index" wx:for-item="coupon">
            <view class="one_info">
                <view class="one_left" style="background:{{style.couponBackground}};border-radius:{{style.borderRadius * 2}}rpx;">
                    <view class="price">
                        {{coupon.discount}}
                        <text class="text">元</text>
                    </view>
                    <view class="price_right">
                        <view class="right_title">{{coupon.type}}</view>
                        <view class="desc">{{coupon.name}}</view>
                    </view>
                </view>
                <view class="one_right" bind:tap="coupon" data-coupon="{{coupon.objectId}}" style="background:{{style.couponBackground}};border-radius:{{style.borderRadius * 2}}rpx;">
                    领取
                </view>
            </view>
        </block>
    </view>
</block>
<block wx:if="{{column == 'style2'}}">
    <view class="two_index" style="width:{{style.width}}%;background:{{style.backgroundColor}};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.right * 2}}rpx">
        <block wx:for="{{list}}" wx:key="index" wx:for-item="coupon">
            <view class="two_info" style="background:{{style.couponBackground}};">
                <view class="two_left">
                    <view class="price">
                        {{coupon.discount}}
                        <text class="text">元</text>
                    </view>
                    <view class="price_right">
                        <view class="right_title">{{coupon.type}}</view>
                        <view class="desc">{{coupon.name}}</view>
                    </view>
                </view>
                <view class="two_right" bind:tap="coupon" data-coupon="{{coupon.objectId}}">
                    领取
                </view>
            </view>
        </block>
    </view>
</block>
<block wx:if="{{column == 'style3'}}">
    <view class="slid_index" style="width:{{style.width}}%;background:{{style.backgroundColor}};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.right * 2}}rpx">
        <scroll-view scroll-x="true">
            <view class="slid">
                <block wx:for="{{list}}" wx:key="index" wx:for-item="coupon">
                    <view class="slid_info" bind:tap="coupon" data-coupon="{{coupon.objectId}}" style="background:{{style.couponBackground}};border-radius:{{style.borderRadius * 2}}rpx;">
                        <view class="slid_price">
                            {{coupon.discount}}
                            <text class="slid_text">元</text>
                        </view>
                        <view class="slid_desc">{{coupon.type}}</view>
                    </view>
                </block>
            </view>
        </scroll-view>
    </view>
</block>
<block wx:if="{{column == 'style4'}}">
    <view class="slid_index4" style="width:{{style.width}}%;background:{{style.backgroundColor}};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.right * 2}}rpx">
        <scroll-view scroll-x="true">
            <view class="slid4">
                <block wx:for="{{list}}" wx:key="index" wx:for-item="coupon">
                    <view class="slid_info4" bind:tap="coupon" data-coupon="{{coupon.objectId}}" style="background:{{style.couponBackground}};">
                        <view class="slid_price4">
                            {{coupon.discount}}
                            <text class="slid_text4">元</text>
                        </view>
                        <view class="slid_desc4">{{coupon.type}}</view>
                    </view>
                </block>
            </view>
        </scroll-view>
    </view>
</block>