←→ 切换·Esc 返回

结果页Result

提示与状态反馈
在完整流程结束后说明结果和下一步
先知道
警告提示 Alert空状态 Empty

结果页集中说明提交成功、支付失败或审核完成等结论，并提供返回、重试或继续入口。它用于一个流程的结束；页面不存在这类访问错误应单独处理。

✓
提交成功
审核结果将在 1-3 个工作日内通知你
返回列表查看详情

什么时候用

  • 表单 / 申请提交成功：流程终点给个交代
    ✓提交成功审核结果将在 1-3 个工作日内通知你
    返回列表查看详情
  • 支付结果：成功失败都值得一整页
    ✓支付成功¥ 299.00 · 订单号 20260721001
  • 操作失败：说清原因，给「重试」出口
    ✕支付失败余额不足，请更换支付方式
    重新支付
  • 404 / 无权限：页面走丢时的兜底
    ?页面不存在链接已失效，或你没有访问权限
    回到首页

什么时候不用

  • 改个昵称的小成功 → 用 轻提示 Toast
    ✓昵称已更新就改了一个字，也用了一整页
  • 只是列表没数据 → 用 空状态 Empty 空状态
    暂无数据
  • 流程才走一半 → 用 步骤条 Steps 继续引导
    1填写信息2确认订单3完成支付
  • 按钮塞一排 → 下一步到底点哪个？
    ✓提交成功下一步到底点哪个？
    返回查看分享再提交
组成结构 · Anatomy
✓
提交成功
审核结果将在 1-3 个工作日内通知你
返回列表查看详情
1结果页本体Result独占一整页的反馈，内容垂直居中
2状态图标Icon大号 ✓ / ✕ / ?，远远就知道结果
3结果标题Title一句话结论，如「提交成功」
4补充说明Description后续会怎样、用户该知道什么
5操作区Actions一两个下一步，别超过两个
常见变体 · Variants
成功Success
✓
提交成功
大流程走完，正式告诉用户办成了
失败Error
✕
支付失败
余额不足，请更换支付方式
关键操作失败，说清原因给出重试
警告Warning
!
服务异常
工程师正在抢修，请稍后再试
服务异常这类不怪用户的问题兜底
404Not Found
?
页面不存在
链接已失效或没有权限
链接失效或没权限，页面走丢时用
典型使用场景
提交成功页
✓
提交成功
审核结果将在 1-3 个工作日内通知你
返回列表查看详情
支付结果页
✓
支付成功
¥ 299.00 · 订单号 20260721001
查看订单返回首页
操作失败重试
✕
支付失败
余额不足，请更换支付方式后重试
重新支付更换方式
404 页面
?
页面不存在
链接已失效，或你没有访问权限
回到首页