页面代码如图:

1. <view wx:for="{{carts}}" class="carts-item" data-title="{{item.title}}" data-url="{{item.url}}" bindtap="bindViewTap">
2. <view class="my-wrap"> <view class="my-tlt">
3. {{item.title}}
4. </view>
5. <view class="my-list bordernone">
6. <icon wx:if="{{item.selected}}" type="success_circle" size="20" bindtap="bindCheckbox" data-index="{{index}}" class="my-check"/>
7. <icon wx:else type="circle" size="20" bindtap="bindCheckbox" data-index="{{index}}" class="my-check"/>
8. <image src="{{item.image}}" class="my-pic" mode="aspectFill"></image>
9. <view class="my-left">
10. <view class="my-title"> K金砖玉石电视背景墙砖</view>
11. <text class="my-txt">尺寸：800X800</text>
12. <view class="my-bnt">
13.  
14. <!-- 减号 -->
15. <text class="{{minusStatuses[index]}} bnt" data-index="{{index}}" bindtap="bindMinus">-</text>
16. <!-- 数值 -->
17. <input type="number" bindchange="bindManual" class="int" value="{{item.num}}" />
18. <!-- 加号 -->
19. <text class="normal bnt" data-index="{{index}}" bindtap="bindPlus">+</text>]
20.  
21.  
22. </view>
23. </view>
24. <view class="my-right">
25. <icon class="iconfont del"/>
26. <text class="gay">￥{{item.price}}</text>
27. </view>
28. </view>
29. </view>
30.  
31. <view class="float">
32.  
33. <!-- 全选 -->
34. <view bindtap="bindSelectAll" class="my-sel" >
35. <icon wx:if="{{selectedAllStatus}}" type="success_circle" size="20" class="l-mycheck"/>
36. <icon wx:else type="circle" size="20" class="l-mycheck"/>
37. <text>全选</text>
38. </view>
39. <view class="my-rightbox">
40. <view class="my-count" data='{{sep}}'>
41.  
42. <!-- 统计 -->
43. 合计（不含运费）：￥<text>{{count}}</text>
44. </view>
45. <view class="my-bnts" bindtap="setPayment" >
46. 结算（<text>{{number}}</text>）
47. </view>
48. </view>
49. </view>

这里css自己去写,这里不做多介绍，只做效果：

首先：先定义js

在page.data里面