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