index.wxml 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <view class="commodity">
  2. <view class="cardBox">
  3. <view class="vipBox" style="background-image: url(http://reader-wx.ai160.com/images/reader/v3/learn/svip.png);"
  4. bindtap="checked" data-id="1">
  5. <view class="selectBtn {{checkedId=='1'?'checked':''}}">✔</view>
  6. </view>
  7. <view class="vipBox" style="background-image: url(http://reader-wx.ai160.com/images/reader/v3/learn/vip.png);"
  8. bindtap="checked" data-id="2">
  9. <view class="selectBtn {{checkedId=='2'?'checked':''}}">✔</view>
  10. </view>
  11. </view>
  12. <view class="introduce">
  13. <view class="title">朗读小咖秀 SVIP终身学习卡</view>
  14. <view class="price">¥299.00</view>
  15. </view>
  16. <view class="entry">
  17. <view class="title">运费</view>
  18. <view class="detaild">无需配送</view>
  19. </view>
  20. <view class="entry">
  21. <view class="title">服务</view>
  22. <view class="detaild">此商品不支持申请退款</view>
  23. </view>
  24. <view class="entry">
  25. <view class="title">已选</view>
  26. <view class="detaild">SVIP学习卡</view>
  27. </view>
  28. <view class="remind">
  29. <view class="title">购买须知</view>
  30. <view class="li">1、支付成功后将自动给您添加权限。同时会给您推送一张学习卡。</view>
  31. <view class="li">2、查看使用权限,在“我的”会员栏目查看使用到期日。</view>
  32. <view class="li">3、任何问题随时联系官方客服</view>
  33. </view>
  34. <view class="payBox">
  35. <view class="left">
  36. 合计 <text>¥299.00</text>
  37. </view>
  38. <view class="buyBtn" bindtap="toBuy" bindtap="activation">
  39. 立即购买
  40. </view>
  41. </view>
  42. <view class="activationModal" wx:if="{{activationModal}}">
  43. <view class="box zoomIn">
  44. <image src="http://reader-wx.ai160.com/images/reader/v3/learn/svip.png" class="sLcon" />
  45. <image src="/static/lollipop.png" class="close" catchtap="closeModal" />
  46. </view>
  47. </view>
  48. </view>