buy.wxml 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <!--pages/buy/buy.wxml-->
  2. <view class="buy-container">
  3. <view class="header">
  4. <view class="info">
  5. <view class="img"></view>
  6. <text class="name">测试用户</text>
  7. </view>
  8. <view class="span">
  9. <text class="count">0</text>
  10. <text class="unit">次</text>
  11. </view>
  12. </view>
  13. <view class="chose-pay-type">
  14. <view class="title">选择检测套餐</view>
  15. <view class="pay-type">
  16. <view class="pay-item one-time {{payType == 0 ? 'pay-item-active' : ''}}" data-type="0" bindtap="handlePayType">
  17. <view class="p-title">一次体验卡</view>
  18. <view class="p-prise">
  19. <text class="p-tag">¥</text>
  20. <text class="p-num">199</text>
  21. </view>
  22. <view class="mark ittflex" wx:if="{{payType == 0}}">
  23. <van-icon name="success" color="#fff" />
  24. </view>
  25. </view>
  26. <view class="pay-item four-time {{payType == 1 ? 'pay-item-active' : ''}}" data-type="1" bindtap="handlePayType">
  27. <view class="p-title-flex">
  28. <view class="light-text ittflex">荐</view>
  29. <text class="sub-title">4次套餐卡</text>
  30. </view>
  31. <view class="p-prise">
  32. <text class="p-tag">¥</text>
  33. <text class="p-num">796</text>
  34. </view>
  35. <view class="tips">加赠4次,共8次</view>
  36. <view class="mark ittflex" wx:if="{{payType == 1}}">
  37. <van-icon name="success" color="#fff" />
  38. </view>
  39. </view>
  40. </view>
  41. </view>
  42. <view class="wxpay">
  43. <view class="pay-con ittflex-jcs">
  44. <image class="wxpaypng" src="./../../imaes/wxpay.png"/>
  45. <text class="p-wxpay">微信</text>
  46. </view>
  47. <view class="check-icnon ittflex">
  48. <van-icon name="success" color="#fff" />
  49. </view>
  50. </view>
  51. <view class="pay-btn default-btn ittflex" bindtap="handleWXPay">立即支付</view>
  52. <view class="s-tips">购买成功后,体验次数立即到账,不可退款</view>
  53. </view>