Result 结果页
操作结果反馈页，支持成功、失败、警告、信息与 403/404/500 错误页状态，标题/描述双通道、内容区、自定义图标与尺寸档位。
基础用法
基础用法
四种状态
成功、失败、警告、信息四状态各配原创圆形底色 SVG 图标，状态色走语义 token（含暗色变体）。
四种状态
HTTP 错误页（403 / 404 / 500）
status 支持 403 / 404 / 500 三种 HTTP 错误页场景，各配原创语义字形（挂锁 / 问号 / 服务器），状态色映射：403→warning、404→primary、500→danger。
403 无权限
404 页面不存在
500 服务器错误
描述富内容
description 属性外的富内容走 slot="description"，有内容时覆盖属性文案。
描述富内容（slot=description）
内容区（错误详情清单）
默认插槽为内容区，置于描述与操作区之间，适合列出错误详情清单。
内容区（错误详情清单）
- 收货人姓名不能为空
- 手机号格式不正确
- 发票抬头与税号不匹配
自定义图标
slot="icon" 传入自定义图标后进入中性态（去掉语义底色与状态色，图标完全自定），用于品牌化或特殊语义场景。
自定义图标（slot=icon）
尺寸档位
size 提供 small / medium / large 三档（默认 medium），联动图标直径与文字档位。
尺寸档位
标题富内容
slot="title" 可传富内容（如大字状态码 + 说明的组合排版），覆盖 title 属性。
标题富内容（slot=title）
API
oas-result
属性
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
description | 描述文案 | string | — |
size | 尺寸档位 small / medium（默认）/ large：联动图标直径与字号 | string | medium |
status | 状态：success / error / warning / info / 403 / 404 / 500（HTTP 错误页三态含专属图标）；非法值回落 success 并告警 | string | success |
title | 标题文案（渲染进可见标题区；读取后即从宿主移除，不残留原生悬浮提示；清空传空串）；富内容用 slot="title" | string | — |
插槽
| 名称 | 说明 |
|---|---|
| 默认 | 内容区（错误详情清单等），置于描述与 extra 操作区之间 |
description | 描述富内容插槽，有内容时覆盖 description 属性文案 |
extra | 操作区，置于描述下方 |
icon | 自定义图标（覆盖内置状态图标；有内容时进中性态：去语义底色） |
title | 标题富内容插槽，有内容时覆盖 title 属性文案 |
CSS 变量
| CSS 变量 | 默认值 |
|---|---|
--oas-result-desc-size | var(--oas-font-size-md) |
--oas-result-title-size | var(--oas-font-size-xl) |