cart.wxml 4.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <view class="container">
  2. <!-- <view class="service-policy">
  3. <view class="item">30天无忧退货</view>
  4. <view class="item">48小时快速退款</view>
  5. <view class="item">满88元免邮费</view>
  6. </view> -->
  7. <view class="no-cart" wx:if="{{cartGoods.length <= 0}}">
  8. <view class="c">
  9. <view class="title-box">
  10. 购物车空空如也~
  11. </view>
  12. <view class="to-index-btn" bindtap="toIndexPage">
  13. 去逛逛
  14. </view>
  15. </view>
  16. </view>
  17. <view class="cart-view" wx:if="{{cartGoods.length > 0}}">
  18. <view class="list">
  19. <view class="group-item">
  20. <view class="goods">
  21. <view class="item {{isEditCart ? 'edit' : ''}}" bindtap="checkedItem" data-item-index="{{index}}" wx:for="{{cartGoods}}" wx:key="{{item.id}}">
  22. <view class="checkbox {{item.checked ? 'checked' : ''}}" ></view>
  23. <view class="cart-goods">
  24. <image mode="aspectFit" class="img" src="{{item.list_pic_url}}"></image>
  25. <view class="info">
  26. <view class="t">
  27. <text class="name">{{item.goods_name}}</text>
  28. <text class="num">x{{item.number}}</text>
  29. </view>
  30. <view class="attr">{{ isEditCart ? '已选择:' : ''}}{{item.goods_specifition_name_value||''}}</view>
  31. <view class="b">
  32. <text class="price">¥{{item.retail_price}}</text>
  33. <view class="selnum">
  34. <view class="cut" catchtap="cutNumber" data-item-index="{{index}}">-</view>
  35. <input value="{{item.number}}" class="number" disabled="true" type="number" />
  36. <view class="add" catchtap="addNumber" data-item-index="{{index}}">+</view>
  37. </view>
  38. </view>
  39. </view>
  40. </view>
  41. </view>
  42. </view>
  43. </view>
  44. <!--<view class="group-item">
  45. <view class="header">
  46. <view class="promotion">
  47. <text class="tag">满赠</text>
  48. <text class="txt">再加26元, 3件赠1件蔓越莓干</text>
  49. <image class="icon" src="http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/go-b67cb9718d.png"></image>
  50. </view>
  51. <view class="get">领赠品</view>
  52. </view>
  53. <view class="goods">
  54. <view class="item">
  55. <view class="checkbox" ></view>
  56. <view class="cart-goods">
  57. <image class="img" src="http://yanxuan.nosdn.127.net/04e05e9de3a471b1f6479dd137b459a8.png"></image>
  58. <view class="info">
  59. <view class="t">
  60. <text class="name">秋冬保暖加厚细羊毛被</text>
  61. <text class="num">x1</text>
  62. </view>
  63. <view class="attr">220*240cm</view>
  64. <view class="b">
  65. <text class="price">¥199.99</text>
  66. <view class="open">优惠活动</view>
  67. </view>
  68. </view>
  69. </view>
  70. </view>
  71. </view>
  72. </view>-->
  73. </view>
  74. <view class="cart-bottom">
  75. <view class="checkbox {{checkedAllStatus ? 'checked' : ''}}" bindtap="checkedAll">全选 ({{cartTotal.checkedGoodsCount}})</view>
  76. <view class="total">{{!isEditCart ? '¥'+cartTotal.checkedGoodsAmount : ''}}</view>
  77. <view class="delete" bindtap="editCart">{{!isEditCart ? '编辑' : '完成'}}</view>
  78. <view class="checkout" bindtap="deleteCart" wx:if="{{isEditCart}}">删除所选</view>
  79. <view class="checkout" bindtap="checkoutOrder" wx:if="{{!isEditCart}}">下单</view>
  80. </view>
  81. </view>
  82. </view>