buy.wxml 2.3 KB

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