Result 结果
结果组件用于反馈操作结果，通常在操作成功、警告或失败等结果页面中使用，包含图标、标题、描述和操作引导等元素。
基础用法
基础的结果组件，展示成功、警告或错误等不同状态的结果页面。
使用 icon 属性设置结果图标，title 属性设置结果标题，subTitle 属性设置结果描述。
操作成功
请根据提示进行后续操作
警告提示
系统检测到潜在风险
操作失败
请检查输入并重试
自定义图标
可以自定义结果图标的颜色和大小，以适应不同的设计需求。
使用 iconColor 属性设置图标颜色，iconSize 属性设置图标大小。
操作成功
自定义图标颜色和大小
警告提示
自定义图标颜色和大小
操作失败
自定义图标颜色和大小
额外内容
结果组件支持通过插槽添加额外的操作按钮或其他内容。
使用 extra 插槽可以添加额外的操作按钮或其他内容。
操作成功
请根据提示进行后续操作
订单号: 2023112309876
支付时间: 2023-11-23 14:30:25
自定义图标内容
除了使用内置图标外，还可以通过插槽完全自定义图标区域的内容。
使用 icon 插槽可以完全自定义图标区域的内容。
自定义图标
通过插槽完全自定义图标区域
自定义图标
使用组件作为自定义图标
Result 属性
| 属性名 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| icon | 结果图标 | String | — | — |
| title | 结果标题 | String | — | — |
| subTitle | 结果描述 | String | — | — |
| iconColor | 图标颜色 | String | — | — |
| iconSize | 图标大小 | String | — | — |
Result 插槽
| 插槽名 | 说明 |
|---|---|
| icon | 自定义图标区域内容 |
| extra | 自定义额外内容 |