购物车 ​

任务目标 ​

1. 共有两个购物车页面，tabBar 页和 普通页(从商品详情跳转)，抽离成组件后复用
2. 获取登录用户购物车列表数据并渲染
3. 实现购物车商品的数量修改
4. 实现购物车商品的滑动删除
5. 实现购物车中选中商品数量和价格计算
6. 实现购物车商品全选和取消全选

参考效果

tabBar页 购物车	普通页 购物车
页面交互	空状态

资料速查 ​

布局

• flex 布局
• CSS 变量
• van-swipe-cell 滑动单元格
• van-stepper 步进器
• van-empty 空状态
• van-checkbox 复选框
• van-submit-bar 提交订单栏

逻辑

• 小程序自定义组件 computed / watch 扩展
• 为 tabBar 某一项的右上角添加文本
• 网络请求 - wechat-http
• 接口文档-获取购物车商品列表
• 接口文档-更新购物车商品
• 接口文档-删除购物车商品
• 接口文档-获取购物车商品总数量