payment.wxml 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <view wx:if="{{ show }}" class="wrapper">
  2. <view class="pay-ment" catchtouchmove='true'>
  3. <view style='width:100%'>
  4. <van-nav-bar safe-area-inset-top="{{false}}" title="支付订单" right-text="取消" bind:click-right="onClickHide" />
  5. </view>
  6. <!-- <text class='title'>支付订单</text> -->
  7. <view class='payInfo'>
  8. <view class='count-down'>
  9. <text>剩余支付时间:</text>
  10. <van-count-down time="{{ 1500000 }}" format='mm:ss' />
  11. </view>
  12. <view class='money'>
  13. <text class="text symbol">¥</text>
  14. <text class="text price">{{price}}</text>
  15. </view>
  16. <!-- <view class='payee'>收款方/view> -->
  17. </view>
  18. <view class='payment-content'>
  19. <view class='case' wx:if="{{showType == 'all' || showType == 'wxpay'}}">
  20. <view class="case_view">
  21. <van-icon name='https://file-cloud.fmode.cn/MldI5PBNt7/20211009/587mmm110026.png' size='80rpx'></van-icon>
  22. <text class='txt'>微信支付</text>
  23. </view>
  24. <van-radio-group value="{{ radio }}" bind:change="onChange">
  25. <van-radio name="wxpay" />
  26. </van-radio-group>
  27. </view>
  28. <view class='case' wx:if="{{showType == 'all' || showType == 'balancepay'}}">
  29. <view class="case_view">
  30. <van-icon name='https://file-cloud.fmode.cn/MldI5PBNt7/20211009/431f8p110047.png' size='80rpx'></van-icon>
  31. <text class='txt'>{{balanceTitle}}支付</text>
  32. </view>
  33. <van-radio-group value="{{ radio }}" bind:change="onChange">
  34. <van-radio name="balance" />
  35. </van-radio-group>
  36. </view>
  37. <view class='case' wx:if="{{showBonus}}">
  38. <view class="case_view">
  39. <van-icon name='https://file-cloud.fmode.cn/bonus1.png' size='80rpx'></van-icon>
  40. <text class='txt'>公益金支付</text>
  41. </view>
  42. <van-radio-group value="{{ radio }}" bind:change="onChange">
  43. <van-radio name="bonus" />
  44. </van-radio-group>
  45. </view>
  46. </view>
  47. <view style="width:100%;padding:0 20rpx">
  48. <van-button type="primary" block bindtap="pay">确认支付</van-button>
  49. </view>
  50. </view>
  51. </view>
  52. <van-toast id="van-toast" />