reader/pages/commodity/index.wxml

<view class="commodity">
  <view class="cardBox">
    <view class="vipBox" style="background-image: url(http://reader-wx.ai160.com/images/reader/v3/learn/svip.png);"
      bindtap="checked" data-id="1">
      <view class="selectBtn {{checkedId=='1'?'checked':''}}">✔</view>
    </view>
    <view class="vipBox" style="background-image: url(http://reader-wx.ai160.com/images/reader/v3/learn/vip.png);"
      bindtap="checked" data-id="2">
      <view class="selectBtn {{checkedId=='2'?'checked':''}}">✔</view>
    </view>
  </view>
  <view class="introduce">
    <view class="title">朗读小咖秀 SVIP终身学习卡</view>
    <view class="price">￥299.00</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、任何问题随时联系官方客服</view>
  </view>
  <view class="payBox">
    <view class="left">
      合计 <text>￥299.00</text>
    </view>
    <view class="buyBtn" bindtap="toBuy" bindtap="activation">
      立即购买
    </view>
  </view>
  <view class="activationModal" wx:if="{{activationModal}}">
    <view class="box zoomIn">
      <image src="http://reader-wx.ai160.com/images/reader/v3/learn/svip.png" class="sLcon" />
      <image src="/static/lollipop.png" class="close" catchtap="closeModal" />
    </view>
  </view>
</view>