docs: split prototype specs and add execution guides
This commit is contained in:
51
docs/07-页面规格/08-购物车抽屉.md
Normal file
51
docs/07-页面规格/08-购物车抽屉.md
Normal 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. 实现备注
|
||||
|
||||
- 购物车抽屉必须支持快速修改数量
|
||||
- 去结算按钮应只保留一个主路径,不做复杂分支
|
||||
|
||||
Reference in New Issue
Block a user