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