reader/pages/commodity/index.wxml

<view id="container">
    <view class="commoditys" wx:if="{{products.length>0}}">
        <view wx:for="{{products}}" wx:key="id" class="['commodity,{{item.payType=='LIFELONG'?'c-1':item.payType=='YEAR'?'c-2':'c-3'}} {{active==item.id?'aborder':''}}]"
            bindtap="selected" data-product="{{item}}">
            <image src="http://reader-wx.ai160.com/images/reader/v3/active.png" class="active"
                wx:if="{{active==item.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>