index.wxml 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <!--pages/mine/myorder/confirm/index.wxml-->
  2. <t-divider />
  3. <view class="card">
  4. <t-addritem custom-icon="chevron-right" isDrawLine="{{false}}" extra-space="{{false}}" isManage="{{false}}" address="{{address}}" data-id="{{address.id}}" bind:onSelect="gotoAddr" />
  5. <view class="borderbottom" />
  6. <view class="t-table">
  7. <view class="t-cell">
  8. <view class="t-cell-title">配送时间</view>
  9. <view class="t-cell-value">工作日、双休日与节假日均可送货</view>
  10. </view>
  11. <view class="t-cell" wx:if="{{pay}}">
  12. <view class="t-cell-title">支付方式</view>
  13. <view class="t-cell-value">{{pay.mode}}</view>
  14. </view>
  15. <view class="t-cell" wx:if="{{price}}">
  16. <view class="t-cell-title">订单总额</view>
  17. <view class="t-cell-value">
  18. <n-price wr-class="boldprice" price="{{price.orderPrice}}" fill="{{false}}" />
  19. </view>
  20. </view>
  21. </view>
  22. </view>
  23. <t-divider />
  24. <view class="card t-table" style="padding: 40rpx 0;">
  25. <block wx:for="{{items}}" wx:for-item="product" wx:for-index="idx">
  26. <view class="t-wrap">
  27. <t-image mode="aspectFill" src="{{product.imageUrl}}" t-class="skuimage" />
  28. <view class="skudetail">
  29. <view class="skutitle">{{product.goodSkuTitle}}</view>
  30. <view class="skuspecs">
  31. {{product.goodSpuTitle}}
  32. </view>
  33. <view class="skuprice">
  34. <n-price wr-class="boldprice" price="{{product.perPrice || 0}}" fill="{{false}}" />
  35. <view>数量:{{product.num}}</view>
  36. </view>
  37. </view>
  38. </view>
  39. <view class="borderbottom" wx:if="{{idx + 1 < items.length}}" style="margin: 26rpx 30rpx;" />
  40. </block>
  41. </view>
  42. <t-divider />
  43. <view class="card">
  44. <view class="t-table">
  45. <view class="t-cell">
  46. <view class="t-cell-title">
  47. 共{{items && items.length}}件商品</view>
  48. </view>
  49. </view>
  50. <view class="borderbottom" />
  51. <view class="t-table" wx:if="{{price}}">
  52. <view class="t-cell">
  53. <view class="t-cell-title">商品总额</view>
  54. <view class="t-cell-value">
  55. <n-price wr-class="boldprice" price="{{price.orderPrice || '0'}}" fill="{{false}}" />
  56. </view>
  57. </view>
  58. <view class="t-cell">
  59. <view class="t-cell-title">折扣金额</view>
  60. <view class="t-cell-value">
  61. <n-price wr-class="boldprice" price="{{price.discountPrice || '0'}}" fill="{{false}}" />
  62. </view>
  63. </view>
  64. <view class="t-cell">
  65. <view class="t-cell-title">优惠券抵扣</view>
  66. <view class="t-cell-value">
  67. <n-price wr-class="boldprice" price="{{price.couponPrice || '0'}}" fill="{{false}}" />
  68. </view>
  69. </view>
  70. <view class="t-cell">
  71. <view class="t-cell-title">运费</view>
  72. <view class="t-cell-value">
  73. <n-price wr-class="boldprice" price="{{price.tracePrice || '0'}}" fill="{{false}}" />
  74. </view>
  75. </view>
  76. </view>
  77. <view class="borderbottom" />
  78. <view class="t-table">
  79. <view class="t-cell">
  80. <view class="t-cell-title">应付总额</view>
  81. <view class="t-cell-value">
  82. <n-price wr-class="boldprice" price="{{price.payPrice || '0'}}" fill="{{false}}" />
  83. </view>
  84. </view>
  85. </view>
  86. </view>
  87. <view class="buybar">
  88. <view class="fixbar">
  89. <view class="btn-list">
  90. <t-button theme="danger" icon="check" size="extra-small" bindtap="onConfirm">提交订单</t-button>
  91. </view>
  92. </view>
  93. </view>
  94. <t-toast id="t-toast" />
  95. <n-wait loading="{{wait}}" />