使用import { Result } from 'antd'; |
文档贡献者
当有重要操作需告知用户处理结果，且反馈内容较为复杂时使用。
通用属性参考：通用属性
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| classNames | 自定义组件内部各语义化结构的类名。支持对象或函数 | Record<SemanticDOM, string> | (info: { props }) => Record<SemanticDOM, string> | - | |
| extra | 操作区 | ReactNode | - | |
| icon | 自定义 icon | ReactNode | - | |
| status | 结果的状态，决定图标和颜色 | success | error | info | warning | 404 | 403 | 500 | info | |
| styles | 自定义组件内部各语义化结构的内联样式。支持对象或函数 | Record<SemanticDOM, CSSProperties> | (info: { props }) => Record<SemanticDOM, CSSProperties> | - | |
| subTitle | subTitle 文字 | ReactNode | - | |
| title | title 文字 | ReactNode | - |
| Token 名称 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| extraMargin | 额外区域外间距 | Margin<string | number> | undefined | 24px 0 0 0 |
| iconFontSize | 图标大小 | string | number | 72 |
| subtitleFontSize | 副标题字体大小 | number | 14 |
| titleFontSize | 标题字体大小 | string | number | 24 |
| Token 名称 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| colorError | 用于表示操作失败的 Token 序列，如失败按钮、错误状态提示（Result）组件等。 | string | #ff4d4f |
| colorFillAlter | 控制元素替代背景色。 | string | rgba(0,0,0,0.02) |
| colorInfo | 用于表示操作信息的 Token 序列，如 Alert 、Tag、 Progress 等组件都有用到该组梯度变量。 | string | #1677ff |
| colorSuccess | 用于表示操作成功的 Token 序列，如 Result、Progress 等组件会使用该组梯度变量。 | string | #52c41a |
| colorTextDescription | 控制文本描述字体颜色。 | string | rgba(0,0,0,0.45) |
| colorTextHeading | 控制标题字体颜色。 | string | rgba(0,0,0,0.88) |
| colorWarning | 用于表示操作警告的 Token 序列，如 Notification、 Alert等警告类组件或 Input 输入类等组件会使用该组梯度变量。 | string | #faad14 |
| lineHeight | 文本行高 | number | 1.5714285714285714 |
| lineHeightHeading3 | h3 标签所使用的行高 | number | 1.3333333333333333 |
| marginXS | 控制元素外边距，小尺寸。 | number | 8 |
| padding | 控制元素的内间距。 | number | 16 |
| paddingLG | 控制元素的大内间距。 | number | 24 |
| paddingXL | 控制元素的特大内间距。 | number | 32 |
| paddingXS | 控制元素的特小内间距。 | number | 8 |