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