reader/pages/commodity/index.wxml

<view id="container">
    <view class="commoditys" wx:if="{{products.length>0}}">
        <view class="['commodity c-1', {{active==products[0].id?'aborder':''}}]" bindtap="selected"
            data-product="{{products[0]}}">
            <image src="http://reader-wx.ai160.com/images/reader/v3/active.png" class="active"
                wx:if="{{active==products[0].id}}" />
        </view>
        <view class="['commodity c-2', {{active==products[2].id?'aborder':''}}]" bindtap="selected"
            data-product="{{products[2]}}">
            <image src="http://reader-wx.ai160.com/images/reader/v3/active.png" class="active"
                wx:if="{{active==products[2].id}}" />
        </view>
        <view class="['commodity c-3', {{active==products[1].id?'aborder':''}}]" bindtap="selected"
            data-product="{{products[1]}}">
            <image src="http://reader-wx.ai160.com/images/reader/v3/active.png" class="active"
                wx:if="{{active==products[1].id}}" />
        </view>
    </view>
    <view class="payBox" wx:if="{{active!=''}}">
        <view class="left">
            {{product.title}}
            <span class="price">{{product.price/100}}</span>
            元
        </view>
        <view class="pay" bindtap="toBuy">立即支付</view>
    </view>
    <view class="mask" wx:if="{{mask}}">
        <view class="payTips">
            <image src="https://reader-wx.ai160.com/images/reader/v3/right.webp" class="simg" />
            <view class="t1">支付成功</view>
            <view class="goXkx" bindtap="closeMask">确认</view>
        </view>
    </view>
</view>