shopCart.wxml 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <import src="../components/template/loadAnimation/loadAnimation.wxml" />
  2. <template is="shopcartLoad" wx:if="{{loadAnimation}}" />
  3. <view style='background:#fff;' wx:if="{{summary.length <= 0}}">
  4. <view class='flex_center'>
  5. <image style='width:200rpx;' mode='widthFix' src='../../image/empty_cart.png'></image>
  6. </view>
  7. <view class='flex_center'>
  8. <text style='font-size:26rpx;color:#a1a1a1;'>您的购物车没有商品哦!</text>
  9. </view>
  10. <view class='flex_center'>
  11. <button size='mini' bindtap='skip_index' style='margin:20rpx 0;background: #2b2b2b;' type='warn'>去逛逛</button>
  12. </view>
  13. </view>
  14. <view class='cart_list'>
  15. <block wx:for="{{cart_list}}" wx:key="*this">
  16. <!-- 套餐情况下循环 -->
  17. <block wx:if="{{item['bl_id'] > 0}}">
  18. <view class="mb10">
  19. <view class="bundl_title">{{item['bl_name']}}</view>
  20. <view class='cart_item'>
  21. <icon class='cancal_btn' type="cancel" size="22" color="#333" bindtap='cancal_cart' data-goodsid="{{item['goods_id']}}" data-cartid="{{item['cart_id']}}"></icon>
  22. <view class='check_btn' data-goodsid="{{item['goods_id']}}" bindtap='goods_checked'>
  23. <block wx:if="{{item['checked']}}">
  24. <icon type="success" size="21" color="#333"></icon>
  25. </block>
  26. <block wx:else>
  27. <view class="icon_empty"></view>
  28. </block>
  29. </view>
  30. <view>
  31. <view class="align_center mb20" wx:for="{{item['goods']}}" wx:for-index="bl_index" wx:for-item="bl_item" wx:key="bl_index">
  32. <view class='goods_image' catchtap="toDetails" data-goodsid="{{bl_item['goods_id']}}">
  33. <image mode='scaleToFill' src="{{bl_item['goods_summary']['goods_image_url']}}"></image>
  34. </view>
  35. <view class='goods_content' catchtap="toDetails" data-goodsid="{{bl_item['goods_id']}}">
  36. <view class='goods_name one_line_hidden'>{{bl_item['goods_summary']['goods_mobile_name']}}</view>
  37. <view class='goods_spec one_line_hidden'>{{bl_item['goods_summary']['goods_spec']}}</view>
  38. <view class='goods_price'>
  39. <text class="bonus_price">¥{{bl_item['bl_goods_price']}}</text>
  40. <text class="original_price">天猫价{{bl_item['goods_summary']['goods_price']}}</text>
  41. </view>
  42. </view>
  43. </view>
  44. </view>
  45. <view class='num_handle align_center'>
  46. <text class='handle_btn' bindtap='goods_num_handle' data-goodsid="{{item['goods_id']}}" data-cartid="{{item['cart_id']}}"
  47. data-function='minus' data-num="{{item['goods_num']}}">-</text>
  48. <block>
  49. <text class='num'>{{item['goods_num']}}</text>
  50. </block>
  51. <text class='handle_btn' bindtap='goods_num_handle' data-goodsid="{{item['goods_id']}}" data-cartid="{{item['cart_id']}}"
  52. data-function='add' data-num="{{item['goods_num']}}">+</text>
  53. </view>
  54. </view>
  55. <view class="bundle_price"><text>套装价:</text><text class="ft_bold col333">¥{{item['bl_price']}}</text> <text class="line-through col666 ml10">天猫价{{item['totalPrice']}}</text></view>
  56. </view>
  57. </block>
  58. <!-- 非套餐情况下循环 -->
  59. <block wx:if="{{item['bl_id'] == 0}}">
  60. <view class='cart_item mb10'>
  61. <icon class='cancal_btn' type="cancel" size="22" color="#333" bindtap='cancal_cart' data-goodsid="{{item['goods_id']}}" data-cartid="{{item['cart_id']}}"></icon>
  62. <view class='check_btn' data-goodsid="{{item['goods_id']}}" bindtap='goods_checked'>
  63. <block wx:if="{{item['checked']}}">
  64. <icon type="success" size="21" color="#333"></icon>
  65. </block>
  66. <block wx:else>
  67. <view class="icon_empty"></view>
  68. </block>
  69. </view>
  70. <view class='goods_image' catchtap="toDetails" data-goodsid="{{item['goods_id']}}">
  71. <image mode='scaleToFill' src="{{item['goods_summary']['goods_image_url']}}"></image>
  72. </view>
  73. <view class='goods_content' catchtap="toDetails" data-goodsid="{{item['goods_id']}}">
  74. <view class='goods_name one_line_hidden'>{{item['goods_summary']['goods_mobile_name']}}</view>
  75. <view class='goods_spec one_line_hidden'>{{item['goods_summary']['goods_spec']}}</view>
  76. <view class='goods_price'>
  77. <text class="bonus_price" wx:if="{{item['goods_summary']['act_type'] == 0}}">¥{{item['goods_summary']['bonus_price']}}</text>
  78. <text class="original_price" wx:if="{{item['goods_summary']['act_type'] == 2}}">天猫价{{item['goods_summary']['goods_promotion_price']}}</text>
  79. </view>
  80. </view>
  81. <view class='num_handle'>
  82. <text class='handle_btn' bindtap='goods_num_handle' data-goodsid="{{item['goods_id']}}" data-cartid="{{item['cart_id']}}"
  83. data-function='minus' data-num="{{item['goods_num']}}">-</text>
  84. <block>
  85. <text class='num'>{{item['goods_num']}}</text>
  86. </block>
  87. <text class='handle_btn' bindtap='goods_num_handle' data-goodsid="{{item['goods_id']}}" data-cartid="{{item['cart_id']}}"
  88. data-function='add' data-num="{{item['goods_num']}}">+</text>
  89. </view>
  90. </view>
  91. </block>
  92. </block>
  93. </view>
  94. <!-- 猜你喜欢 -->
  95. <block wx:if="{{canShow}}">
  96. <view wx:if="{{prop_special.length}}" class="mt20">
  97. <view class="text_center l_height42 f30 col333">-猜你喜欢-</view>
  98. <blockList prop_special="{{prop_special}}" summery="{{summery}}" special_datas="{{special_datas}}"> </blockList>
  99. </view>
  100. </block>
  101. <view class='clear_fixed'></view>
  102. <view class="handle_fixed">
  103. <view class="all_check_btn" bindtap='all_checked'>
  104. <block wx:if="{{all_checked}}">
  105. <icon type="success" size="21" color="#333" style='margin-right:22rpx;position:relative;top:7rpx;'></icon>
  106. </block>
  107. <block wx:else>
  108. <view class="icon_empty" style='position:relative;bottom:5rpx;'></view>
  109. </block>
  110. <text>全选</text>
  111. </view>
  112. <view style='float:right'>
  113. <view class='cope'>
  114. <text class='bonus_price'>应付:¥{{allPrice}}</text>
  115. <text class="original_price">¥{{allGoodsPrice}}</text>
  116. </view>
  117. <view class='settlement_btn' bindtap='settlement'>
  118. <text>结算</text>
  119. </view>
  120. </view>
  121. </view>