pay.wxml 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <l-container>
  2. <view class="globstyle pay">
  3. <!-- 自定义 -->
  4. <!-- 收货方 -->
  5. <van-cell bind:click="ChooseAddress" center is-link>
  6. <view class="user-address" slot="title">
  7. <view class="user-address-h1">{{useraddress.name}} {{useraddress.tel}}</view>
  8. <view class="user-address-h2">
  9. <van-tag wx:if="{{useraddress.lock}}" round type="danger">默认</van-tag>
  10. {{useraddress.address}}
  11. </view>
  12. </view>
  13. </van-cell>
  14. <!-- 商品清单 -->
  15. <view class="pay-list">
  16. <van-cell value="{{shopdetail.name}}">
  17. <view class="title" slot="title">老实人学生营养餐</view>
  18. </van-cell>
  19. <view class="container" slot="title">
  20. <scroll-view scroll-x="true" class="scroll">
  21. <image mode="heightFix" class="img" src="{{shopdetail.img}}" />
  22. </scroll-view>
  23. </view>
  24. </view>
  25. <!-- 用户设置 -->
  26. <view class="pay-setup">
  27. <van-field model:value="{{ message }}" maxlength="50" label="订单备注" type="textarea" placeholder="请输入留言..." autosize
  28. border="{{ false }}" />
  29. </view>
  30. <!-- 支付方式 -->
  31. <view class="pay-type">
  32. <van-cell>
  33. <view class="title" slot="title">支付方式</view>
  34. </van-cell>
  35. <van-radio-group value="{{ paytype }}" bind:change="onChange">
  36. <van-cell border="{{false}}">
  37. <view class="type" slot="title">
  38. <view class="str">微信支付</view>
  39. <view class="radio">
  40. <van-radio name="1" />
  41. </view>
  42. </view>
  43. </van-cell>
  44. </van-radio-group>
  45. </view>
  46. <!-- 提交支付 -->
  47. <van-submit-bar disabled="{{disabled}}" loading="{{loadding}}" price="{{ shopdetail.price*100 }}" button-text="提交订单"
  48. bind:submit="onSubmit" />
  49. </view>
  50. </l-container>