submitorder.wxml 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <view style="background: #f5f5f5; padding: 20rpx 0;">
  2. <view class="container">
  3. <!-- 地址选择 -->
  4. <view class="dizhi_boxs" bindtap="setGridView">
  5. <view class="address_info">
  6. <image src="{{dingweiimg}}" class="location_icon"></image>
  7. </view>
  8. <view wx:if="{{selectedAddress}}" class="contact_info">
  9. <view class="address_text">{{ selectedAddress.detailed_address }}</view>
  10. <view style="margin-top: 10rpx;">
  11. <text class="name">{{ selectedAddress.name }}</text>
  12. <text class="phone">{{ selectedAddress.phone }}</text>
  13. </view>
  14. </view>
  15. <view wx:else>
  16. <view class="contact_info">请选择收货地址</view>
  17. </view>
  18. <image src="{{youjiantouimg}}" class="right_arrow"></image>
  19. </view>
  20. <!-- 购买商品列表 -->
  21. <view class="product_list">
  22. <block wx:for="{{products}}" wx:key="index">
  23. <view class="product_item">
  24. <image src="{{item.img}}" class="product_image"></image>
  25. <view class="product_details">
  26. <view class="product_name">{{item.name}}</view>
  27. <view class="product_desc">{{item.specList[item.specs_index].spec}}</view>
  28. <view class="price_and_quantity">
  29. <text class="product_price">¥{{item.specList[item.specs_index].price}}</text>
  30. <view class="quantity_selector">
  31. <van-stepper
  32. value="{{item.quantity}}"
  33. data-id="{{item.id}}"
  34. bind:change="onChange"
  35. />
  36. </view>
  37. </view>
  38. </view>
  39. </view>
  40. </block>
  41. </view>
  42. <!-- 底部结算栏 -->
  43. <view class="footer">
  44. <view class="total_amount">
  45. <text>合计:¥{{totalAmount}}</text>
  46. </view>
  47. <view>
  48. <button class="pay_button" bindtap="handlePay">立即支付</button>
  49. </view>
  50. </view>
  51. </view>
  52. </view>