docs: split prototype specs and add execution guides
This commit is contained in:
42
docs/07-页面规格/10-支付成功页.md
Normal file
42
docs/07-页面规格/10-支付成功页.md
Normal 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
|
||||
|
||||
Reference in New Issue
Block a user