购物车案列-----微信小程序练习项目

说道购物车，想必大家都熟悉实现原理，那么就不再多说，直接上代码。

1. 页面布局

布局样式，一个人而改变，这里写个简单的样式

cart.wxml 代码:

<!--pages/cart/cart.wxml-->

  <checkbox-group bindchange="cartCheck">
    <view wx:for="{
  {menu}}" wx:key="id" class="menu-content">
    <checkbox checked="{
  {item.checked}}" value="{
  {item.id}}"></checkbox>
    <view class="imgs">
    </view>
    <view class="suan">
      <text class="idot" catchtap="add" data-id="{
  {item.id}}">+</text>
      <input type="text" data-id="{
  {item.id}}" value="{
  {item.count}}"  bindblur="getV" class="ipt" />
      <text class="idot" catchtap="dee" data-id="{
  {item.id}}">-</text>
    </view>
    <view class="price">
      {
  {item.price + '元/kg'}}
    </view>
    <view class="idot c" bindtap="del" data-id="{
  {item.id}}">
      x
    </view>
    </view>
</check