1.0 KiB
1.0 KiB
C02 购物车抽屉
- 页面编码：
C02 - 页面层级：
组件级抽屉 - 页面目标：集中展示当前已选商品，并提供进入结算的最后一步确认
- 主要依赖组件：
G22、G26
1. 抽屉结构（从上到下）
- 购物车头部
- 商品列表区
- 优惠与凑单提示区
- 底部结算区
2. 区块说明
2.1 购物车头部
- 显示当前门店名
- 显示“已选商品”标题
- 提供清空购物车按钮
2.2 商品列表区
- 每个商品行使用
G26 - 展示：
- 商品名
- 规格摘要
- 加料摘要
- 单价
- 数量步进器
2.3 优惠与凑单提示区
- 展示：
- 满减差额
- 起送差额
- 免配送费差额
- 已命中活动摘要
2.4 底部结算区
- 展示总金额
- 主按钮：去结算
3. 状态规则
- 空购物车时展示空态
- 商品失效时需标记并禁止结算，或提示清理失效商品
4. 实现备注
- 购物车抽屉必须支持快速修改数量
- 去结算按钮应只保留一个主路径，不做复杂分支