Alert 警告信息
基础用法
- 用以展示警告信息。
- 多个属性,支持完全自定义样式。
vue
<template>
<sn-alert text="这是一条警告信息。"></sn-alert>
</template>
更多演示请下载 demo 查看
属性
参数 | 说明 | 类型 | 默认值 | 可选值 |
---|---|---|---|---|
text | 警告信息文本内容 | String | - | - |
icon | 警告信息左侧图标名 | String | - | - |
type | 警告信息主题样式类型 | String | primary | info | primary | success | error | warning |
effect | 警告信息显示效果,可设为深色和淡色 | String | light | light | dark |
borderRadius | 警告信息圆角大小 | String | $small | - |
bgColor | 警告信息背景颜色 | String | - | - |
textColor | 警告信息文本颜色 | String | - | - |
textSize | 警告信息文本大小 | String | 14px | - |
iconColor | 警告信息左侧图标颜色 | String | - | - |
iconSize | 警告信息左侧图标大小 | String | 17px | - |
customStyle | 自定义警告信息样式 | UTSJSONObject | {} | - |
customTextStyle | 自定义警告信息文本样式 | UTSJSONObject | {} | - |
插槽
名称 | 说明 |
---|---|
default | 替换警告信息内部原有的图标和文字 ,可以是任意组件 |