reader/pages/commodity/index.wxml

<wxs src="../../utils/filter.wxs" module="filters" />
<view class="commodity">
  <view class="cardBox">
    <view wx:for="{{products}}" wx:key="id" class="vipBox {{item.payType=='LIFELONG'?'bg1':'bg2'}}" bindtap="checked"
      data-product="{{item}}">
      <view class="selectBtn {{selected.id==item.id?'checked':''}}">✔</view>
    </view>
  </view>
  <view class="introduce">
    <view class="title">{{selected.title}}</view>
    <view class="price">￥{{filters.twoDecimal(selected.price)}}</view>
  </view>
  <view class="entry">
    <view class="title">运费</view>
    <view class="detaild">无需配送</view>
  </view>
  <view class="entry">
    <view class="title">服务</view>
    <view class="detaild">此商品不支持申请退款</view>
  </view>
  <view class="entry">
    <view class="title">已选</view>
    <view class="detaild">SVIP学习卡</view>
  </view>
  <view class="remind">
    <view class="title">购买须知</view>
    <view class="li">1、支付成功后将自动给您添加权限。同时会给您推送一张学习卡。</view>
    <view class="li">2、查看使用权限，在“我的”会员栏目查看使用到期日。</view>
    <view class="li">3、任何问题随时联系官方客服
      <button class="resetBtn" open-type="contact" plain="true">
        <image class="img" src="/static/contact.png" />
      </button>
    </view>
  </view>
  <view class="payBox">
    <view class="left">
      合计 <text>￥{{filters.twoDecimal(selected.price)}}</text>
    </view>
    <view class="buyBtn" bindtap="toBuy">
      立即购买
    </view>
  </view>
  <view class="activationModal" wx:if="{{activationModal}}">
    <view class="box zoomIn">
      <view class="bg">您已成功获取</view>
      <image
        src="{{selected.payType=='LIFELONG'?'http://reader-wx.ai160.com/images/reader/v3/learn/svip.png':'http://reader-wx.ai160.com/images/reader/v3/learn/vip.png'}}"
        class="sLcon" />
      <image src="/static/lollipop.png" class="close" catchtap="closeModal" />
    </view>
  </view>
</view>