docs: split prototype specs and add execution guides

This commit is contained in:
2026-03-06 11:24:40 +08:00
parent ba1c5009d2
commit 70b651ad39
33 changed files with 2702 additions and 0 deletions

View File

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