Skip to content

Result 结果页

基础用法

  • 用于展示某种结果信息,如成功、失败、警告等。
  • 可包含图标、标题和文本内容。
vue
<template>
	<sn-result mode="info"></sn-result>
</template>

更多演示请下载 demo 查看

属性

参数说明类型默认值可选值
mode结果页类型(图标类型)Stringinfoinfo | 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放置操作按钮等

使用 MIT 协议