order_submit.wxml 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <!--pages/order_submit/order_submit.wxml-->
  2. <!-- <text>pages/order_submit/order_submit.wxml</text> -->
  3. <!-- 确认订单页面 有备注 有按钮 有地址 -->
  4. <!-- 收货地址 -->
  5. <view class="ad">
  6. <view class="ad-box">
  7. <image src="../image/dizhi.png" mode="" />
  8. <text class="ad-text01">请选择收货地址</text>
  9. <text class="ad-text02">></text>
  10. </view>
  11. </view>
  12. <!-- 商品信息 -->
  13. <view class="food">
  14. <text class="food-text">二楼麻辣烫、麻辣香锅、麻辣拌饭</text>
  15. </view>
  16. <view class="store-box">
  17. <image src="../image/商品.png" mode="" />
  18. <view class="store-message">
  19. <text class="store-title">麻辣烫微辣微麻</text>
  20. <text class="store-price01">¥10.98+40积分</text>
  21. <text class="store-price02">¥28.80</text>
  22. <view>
  23. <text class="store-numb">*2</text>
  24. </view>
  25. </view>
  26. </view>
  27. <view class="others-box">
  28. <text class="other01">包装费</text>
  29. <text class="other02">¥0</text>
  30. </view>
  31. <view class="others-box">
  32. <text class="other01">付款费</text>
  33. <text class="other02">¥3</text>
  34. </view>
  35. <view class="others-boxs">
  36. <text class="others01">已优惠</text>
  37. <text class="others02">¥10</text>
  38. <text class="others01">累计</text>
  39. <text class="others02">¥21.8</text>
  40. </view>
  41. <!-- 备注 -->
  42. <view>
  43. <van-cell-group inset>
  44. <van-field v-model="message" rows="2" autosize label="备注:" type="textarea" maxlength="15" placeholder="请输入备注" show-word-limit />
  45. </van-cell-group>
  46. </view>
  47. <!-- 提交订单按钮 -->
  48. <view class="btn">
  49. <view class="btn-box">
  50. <text class="btn-text01">累计:</text>
  51. <text class="btn-text02">¥10.98</text>
  52. <van-button class="order-btn" type="warning" round >提交订单</van-button>
  53. </view>
  54. </view>