微信小程序商城项目实战(第五篇:购物车)

实现购物车

json里边设置一下页面标题"navigationBarTitleText": "购物车"

界面组成

上方由一个按钮跳转到收货地址管理，
中间为购物车商品信息，
下方固定一个工具栏

• 全选(反选)
• 合计(价钱)
• 结算(数量)跳转到支付页并生成订单

界面编写

分享是将一个按钮隐藏且将其定位在分享处,客服也是一样的
加入购物车:如果已经加入则提示已经加入…

<!--pages/cart/cart.wxml-->
<view>
    <button><navigator url="/pages/addressList/addressList">+添加收货地址</navigator></button>
</view>
<view>
<view class="title">优购生活馆</view>
    <checkbox-group bindchange="handleCheck">
        
        <view class="goods" wx:if="{
  {cartList.length!=0}}" wx:for="{
  {cartList}}">
            <checkbox value="{
  {item.go