shopCart.wxml 5.8 KB

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