Skip to content

Alert 警告信息

基础用法

  • 用以展示警告信息。
  • 多个属性,支持完全自定义样式。
vue
<template>
	<sn-alert text="这是一条警告信息。"></sn-alert>
</template>

更多演示请下载 demo 查看

属性

参数说明类型默认值可选值
text警告信息文本内容String--
icon警告信息左侧图标名String--
type警告信息主题样式类型Stringprimaryinfo | primary | success | error | warning
effect警告信息显示效果,可设为深色和淡色Stringlightlight | dark
borderRadius警告信息圆角大小String$small-
bgColor警告信息背景颜色String--
textColor警告信息文本颜色String--
textSize警告信息文本大小String14px-
iconColor警告信息左侧图标颜色String--
iconSize警告信息左侧图标大小String17px-
customStyle自定义警告信息样式UTSJSONObject{}-
customTextStyle自定义警告信息文本样式UTSJSONObject{}-

插槽

名称说明
default替换警告信息内部原有的图标和文字 ,可以是任意组件

使用 MIT 协议