Result 结果

为重要操作给出明确的最终反馈页（成功 / 失败 / 警告 / 找不到）。

何时使用

• 用户完成一个表单 / 交易 / 创建流程后展示总结。
• 路由命中"未授权 / 找不到 / 服务异常"时渲染语义化页面。

基本使用

最简形式：status + title + sub-title。#extra slot 放主操作按钮。

不同状态

status 决定图标与色彩：success / error / warning / info。

HTTP 错误页

status="404" / '403' / '500' 自带专门的 HTTP 错误插画。

自定义图标

用 #icon slot 覆盖默认插画，常用于业务自定义视觉。

携带详细内容

默认插槽展示在副标题下方，常用于"成功后展示订单详情 / 失败后列出错误项"。

极简版（仅标题）

不传 sub-title / #extra 时，只展示状态图标 + 标题，适合卡片内嵌空状态。

注册成功 + 倒计时跳转

业务常见：成功页 N 秒后自动跳转，期间用户可点击「立即跳转」。

网络错误（带重试计数）

异步加载失败页，配合重试按钮 + 计数追踪连续失败次数。

权限不足（申请权限）

403 状态 + 申请权限按钮，是后台常见交互。

自定义 SVG 图标

#icon slot 支持任意 VNode 内容（SVG / Iconify / 图片皆可）。

在 Modal 中使用

成功提示作为 Modal 内容，配合 closable=false 强制走主操作按钮。

多按钮组合

#extra 可以放多个按钮，按业务优先级排列。

API

Props

参数	类型	默认值	说明
status	'success' | 'error' | 'info' | 'warning' | '404' | '403' | '500'	'info'	状态
title	string	—	主标题
subTitle	string	—	副标题
icon	string	—	自定义图标类名

Slots

名称	说明
icon	自定义图标
extra	自定义底部按钮区域
default	副标题下方的内容