Result 结果页
基础用法
- 用于展示某种结果信息,如成功、失败、警告等。
- 可包含图标、标题和文本内容。
vue
<template>
<sn-result mode="info"></sn-result>
</template>更多演示请下载 demo 查看
属性
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|---|---|---|---|---|
| mode | 结果页类型(图标类型) | String | info | info | primary | success | warning | error |
| title | 标题文本 | String | - | - |
| titleSize | 标题大小 | String | $5 | - |
| titleColor | 标题颜色 | String | $text | - |
| text | 文本内容 | String | - | - |
| textSize | 文本大小 | String | $3 | - |
| textColor | 文本颜色 | String | $disabledText | - |
| iconSize | 图标大小 | String | $8 | - |
| iconColor | 图标颜色 | String | - | - |
| customTitleStyle | 自定义标题样式 | UTSJSONObject | {} | - |
| customTextStyle | 自定义文本样式 | UTSJSONObject | {} | - |
| customStyle | 自定义样式 | UTSJSONObject | {} | - |
插槽
| 名称 | 说明 |
|---|---|
| icon | 替换结果图标 |
| title | 替换结果标题 |
| text | 替换结果文本 |
| action | 放置操作按钮等 |

