警告
用于显示重要提示信息。
基础用法
Alert 组件不属于浮层元素,不会自动消失。
主题
警告组件提供两种不同的主题,light 和 dark。
可自定义关闭按钮
自定义关闭按钮为文字或其他符号。
带有图标
显示图标可以提高可读性。
文字居中
使用 center 属性让文字水平居中。
带有辅助性文字介绍
包含标题和内容,展现更详细的信息。
带有图标和辅助性文字介绍
Alert API
属性
| 名称 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| title | 警告标题。 | string | — |
| type | 警告类型。 | 枚举 | 信息 |
| description | 描述性文本。 | string | — |
| 可关闭 | 警告是否可以关闭。 | boolean | true |
| 居中 | 内容是否居中。 | boolean | false |
| close-text | 自定义的关闭按钮文本。 | string | — |
| show-icon | 是否显示类型图标。 | boolean | false |
| effect | 主题样式。 | 枚举 | light |
| show-after 2.10.0 已废弃 | 延迟出现,单位毫秒 | number | 0 |
| hide-after 2.10.0 已废弃 | 延迟消失,单位毫秒 | number | 200 |
| auto-close 2.10.0 已废弃 | 隐藏警告的超时时间(毫秒) | number | 0 |
事件
| 名称 | 描述 | 类型 |
|---|---|---|
| 关闭 | 当警告被关闭时触发。 | Function |
| open 2.10.0已废弃 | 当警告被打开时触发。 | Function |
插槽
| 名称 | 描述 |
|---|---|
| default | 警告描述的内容。 |
| title | 警告标题的内容。 |
| icon 2.9.7 | 警告图标的内容。 |