giftBagOrder.wxml 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. <import src="/components/local/wxParse/wxParse.wxml" />
  2. <view class="item margin item-radius">
  3. <!-- 店铺名字 -->
  4. <view class="item-top flex-align-center ">
  5. <text class="flex1">{{storeInfo.store_name}}</text>
  6. </view>
  7. <!-- 商品详情支付 -->
  8. <view class="good-list">
  9. <view class="item-content flex" wx:for="{{goodsDetailsList}}" wx:key="index">
  10. <image class="img" src="{{item.cover_url}}"></image>
  11. <view class="content flex-column">
  12. <view class="content-text-box flex1">
  13. <text class="flex1">{{item.goods_name}}</text>
  14. </view>
  15. <view class="project-num">x{{item.num}}</view>
  16. </view>
  17. </view>
  18. </view>
  19. <view class="item-bottom">
  20. <view class="item-total">共{{total}}件</view>
  21. <view class="item-price"><text class="price-size">¥</text>{{giftInfo.price}}</view>
  22. </view>
  23. </view>
  24. <!-- 新加购 -->
  25. <view class="addPuls" wx:if="{{exchangeCondition}}">
  26. <view class="top">
  27. <view class="title">
  28. 低价换购
  29. </view>
  30. <view class="type">
  31. +<text>99</text>元可换购{{exchangeCondition.time}}次
  32. </view>
  33. </view>
  34. <view class="center-item {{item.num>0?'activeExchange':''}}" wx:for="{{exchangeList.list}}" wx:key="index">
  35. <image src="{{item.cover_url}}"></image>
  36. <view class="center-right">
  37. <view class="item-name">{{item.project_name}}</view>
  38. <view class="item-select">
  39. <image bindtap="reduce" data-index="{{index}}" src="../../../images/reduce.png"></image>
  40. <view class="num">{{item.num}}</view>
  41. <image bindtap="add" data-index="{{index}}" src="../../../images/add.png"></image>
  42. </view>
  43. </view>
  44. </view>
  45. </view>
  46. <view class="margin order-sum item-radius">
  47. <view class="bottom flex-align-center">
  48. <text style="font-size: 28rpx;color: #999;">合计:</text>
  49. <text class="total-price">¥{{exchangeSelect?toExchangePrice:showMoneyGood}}</text>
  50. </view>
  51. </view>
  52. <!-- 提交订单 -->
  53. <view class="buy flex-align-center flex-justify-space-between" style="padding: 0 20rpx;">
  54. <view class="submitBtn" bindtap="onNewPay">
  55. 提交订单
  56. </view>
  57. </view>
  58. <!-- 支付 -->
  59. <wux-popup class="popup-radius" position="bottom" catchtouchmove="true" visible="{{ payNow }}" bind:close="onClosePay">
  60. <view class="coupon-popup payType">
  61. <view class="top flex-align-center">
  62. <text style="text-align: center;"></text>
  63. <image src="/images/icon_20.png" class="close-img" bindtap="onClosePay" />
  64. </view>
  65. <!-- 购物车订单 -->
  66. <view class="moneyShow"><text>¥</text>{{exchangeSelect?toExchangePrice:showMoneyGood}}</view>
  67. <view class="select-pay-methon" catchtap="pay_methonw">
  68. <image class="pay-img" src="/images/wx_pay.png"></image>
  69. <view class="pay-title">微信支付</view>
  70. <!-- <view class="pay-money"><text>¥</text>800</view> -->
  71. <image class="select-activity" src="{{pay_methon==1?'/images/icon_13.png':'/images/icon_12.png'}}"></image>
  72. </view>
  73. <view class="select-pay-methon" catchtap="pay_methonc" style="margin-bottom: 15rpx;">
  74. <image class="pay-img" src="/images/joli_pay.png"></image>
  75. <view class="pay-title">储值支付</view>
  76. <view class="pay-money"><text>¥</text>{{inserllAmount}}</view>
  77. <image class="select-activity" src="{{pay_methon==2?'/images/icon_13.png':'/images/icon_12.png'}}"></image>
  78. </view>
  79. <view class="coupon-popup-btm flex-center">
  80. <view class="coupon-popup-btm-btn flex-center" bindtap="payOrder">支付</view>
  81. </view>
  82. </view>
  83. </wux-popup>
  84. <!-- 加购弹窗 -->
  85. <wux-landscape wx:if="{{exchangeCondition}}" visible="{{ exchangePop }}" closable="{{ false }}" class="exchange-popup" catchtouchmove="true">
  86. <view class="use-popup">
  87. <view class="top">
  88. <view class="title">低价换购</view>
  89. <view class="type">+<text>99</text>元可换购{{exchangeCondition.time}}次</view>
  90. <image class="close" src="../../../images/icon_20.png" bindtap="onCloseLandscape"></image>
  91. </view>
  92. <view class="center">
  93. <view class="center-item {{item.num>0?'activeExchange':''}}" wx:for="{{exchangeList.list}}" wx:key="index">
  94. <image src="{{item.cover_url}}"></image>
  95. <view class="center-right">
  96. <view class="item-name">{{item.project_name}}</view>
  97. <view class="item-select">
  98. <image bindtap="reduce" data-index="{{index}}" src="../../../images/reduce.png"></image>
  99. <view class="num">{{item.num}}</view>
  100. <image bindtap="add" data-index="{{index}}" src="../../../images/add.png"></image>
  101. </view>
  102. </view>
  103. </view>
  104. </view>
  105. <view bindtap="onCloseLandscape" class="bottom">
  106. {{exchangeCountDown}}S后自动关闭
  107. </view>
  108. </view>
  109. </wux-landscape>