order.wxml 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <!-- 地址 -->
  2. <view class='address-box bg-white'>
  3. <view class='mar-l20 mar-r20 f-box'>
  4. <icon class='iconfont icon-dizhi mar-r20 f-box f-align-items-center c-orange'></icon>
  5. <view class='address-infor f-item'>
  6. <view class='f-box f-s30'><text>阿哥子</text><text>18888888888</text></view>
  7. <view class='mar-t20 f-s30'>
  8. 上海市 闵行区 虹漕路88号
  9. </view>
  10. </view>
  11. <view class='arrow'></view>
  12. </view>
  13. </view>
  14. <!-- 订单 -->
  15. <view class='goodsList-box mar-t20 bg-white'>
  16. <view class='goods-list' wx:for="{{goodsList}}">
  17. <view class='mar-r20 mar-l20'>
  18. <text class='f-s30'>{{item.customGoodsName}}</text>
  19. <view class='f-box f-align-items-center f-s28' style='margin:20rpx 0;'>
  20. <text class='f-item'>¥{{item.customgoodsPriceNow}}</text>
  21. <view> × {{item.customGoodsNum}}</view>
  22. </view>
  23. </view>
  24. <!-- 图片list -->
  25. <view class='f-box goods-img-list' >
  26. <image wx:for='{{item.imgArray}}' wx:for-item="itemSrc" src='{{host}}{{itemSrc}}' mode="aspectFit"></image>
  27. </view>
  28. </view>
  29. </view>
  30. <!-- 其他内容,邮费/备注等 -->
  31. <view class='other-box bg-white mar-t20'>
  32. <view class='mar-l20 mar-r20 f-s28'>
  33. <view class='other-list f-box'>
  34. <view class="f-item">运费</view>
  35. <view>包邮</view>
  36. </view>
  37. <!-- <view class='other-list'>
  38. <view class='mar-b20'>备注</view>
  39. <input placeholder='备注内容~'></input>
  40. </view> -->
  41. </view>
  42. </view>
  43. <!-- footer -->
  44. <view class='footer'>
  45. <view class='footer-box'>
  46. <view class='f-box mar-l20 f-justify-content-center'>
  47. <view class='f-item f-box f-align-items-end'>
  48. <text>合计:¥{{amount}}</text>
  49. </view>
  50. <view class='footer-btn bg-orange c-white mar-l20' bindtap='submitOrder'>结算</view>
  51. </view>
  52. </view>
  53. </view>