car.wxml 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <view>
  2. <!-- 购物车列表 -->
  3. <view class='car-box '>
  4. <view class='car-list bg-white' wx:for="{{carList}}" wx:for-index="idx">
  5. <view class='f-box car-auto'>
  6. <checkbox-group class="car-checkbox f-box f-align-items-center" bindchange="checkboxChange" data-index="{{idx}}">
  7. <label class="checkbox">
  8. <checkbox value='{{item.shopCarId}}' checked='{{item.checked}}' />
  9. </label>
  10. </checkbox-group>
  11. <view class='f-item'>
  12. <text class='f-s30'>{{item.customGoodsName}}</text>
  13. <view class='f-box f-align-items-center' style='margin:20rpx 0;'>
  14. <text class='f-item f-s28'>¥{{item.customgoodsPriceNow}}</text>
  15. <view class='car-numBtn f-box'>
  16. <view bindtap='subtraction' data-index="{{idx}}">-</view>
  17. <input disabled="true" value="{{item.customGoodsNum}}"/>
  18. <view bindtap='add' data-index="{{idx}}">+</view>
  19. </view>
  20. </view>
  21. <!-- 图片list -->
  22. <view class='f-box car-img-list' >
  23. <image wx:for='{{item.imgArray}}' wx:for-item="itemSrc" src='{{host}}{{itemSrc}}' mode="aspectFit" data-src="{{host}}{{itemSrc}}" data-srcArray="{{item.imgArray}}" bindtap='previewImage'></image>
  24. </view>
  25. </view>
  26. </view>
  27. </view>
  28. </view>
  29. <view wx:if="{{carList.length === 0}}" class='f-box mar-t20 mar-b20 f-justify-content-center'>暂无数据</view>
  30. </view>
  31. <view class='footer'>
  32. <view class='footer-box'>
  33. <view class='f-box'>
  34. <checkbox-group class="f-s30 f-box f-align-items-center mar-l20" bindchange="checkboxChangeAll">
  35. <label class="checkbox" ><checkbox value="1" checked='{{checkAll}}'/>全选</label>
  36. </checkbox-group>
  37. <view class='f-item f-s30 mar-l20 f-box mar-r20 f-justify-content-end'>金额:¥{{amount}}</view>
  38. <view class='f-s32 f-item car-btn bg-orange c-white' bindtap='carSubmit'>提交订单</view>
  39. </view>
  40. </view>
  41. </view>