Alert 提示
用于页面中展示重要的提示信息。
基础用法
Alert 组件不属于浮层元素，不会自动消失或关闭。
主题
Alert 组件提供了两个不同的主题：light和dark。
自定义关闭按钮
你可以自定义关闭按钮为文字或其他符号。
为 Alert 设置图标
你可以通过为 Alert 组件添加图标来提高可读性。
使文字居中
使用 center 属性来让文字水平居中。
自定义描述文案
为 Alert 组件添加一个更加详细的描述来使用户了解更多信息。
如何展示一个含有图标以及辅助性文字的 Alert 组件
属性
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| title | 标题 | string | — | — |
| type | 类型 | string | success/warning/info/error | info |
| 说明 | 辅助性文字。 也可通过默认 slot 传入 | string | — | — |
| closable | 是否可关闭 | boolean | — | true |
| center | 文字是否居中 | boolean | — | false |
| close-text | 关闭按钮自定义文本 | string | — | — |
| show-icon | 是否显示图标 | boolean | — | false |
| effect | 选择提供的主题 | string | light/dark | light |
插槽
| 插槽名 | 说明 |
|---|---|
| — | 辅助性文字 |
| title | 标题的内容 |
事件
| 事件名 | 描述 | 参数 |
|---|---|---|
| close | 关闭 Alert 时触发的事件 | — |