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,42 @@
# P04 支付成功页
- 页面编码:`P04`
- 页面层级:`二级页`
- 页面目标:明确告诉用户支付已完成,并引导后续查看订单或继续点单
- 主要依赖组件:`G01`
## 1. 页面结构(从上到下)
1. 成功状态区
2. 订单摘要区
3. 场景关键信息区
4. 后续动作区
## 2. 区块说明
### 2.1 成功状态区
- 成功图标
- 标题:支付成功
- 副文案:订单已提交,等待商家处理
### 2.2 订单摘要区
- 展示订单号、门店名称、支付金额
### 2.3 场景关键信息区
- 外卖:预计送达时间
- 自提:取餐时间和取餐说明
- 堂食:桌号与用餐状态
### 2.4 后续动作区
- 查看订单详情
- 继续点餐 / 再逛逛
## 3. 页面状态
- 支付成功为唯一主状态
- 若返回支付结果异常,应回退到结算页或订单详情页校验状态
## 4. 实现备注
- 成功页停留时间不宜过长,应明确给出下一步 CTA