# Alert 警告
# Alert 概述
静态地呈现一些警告信息,可手动关闭。
# Alert 代码示例
# 基础用法
基本使用方法,有四种样式可以选择 info、success、warning、error。其中 type 不配置时,默认为 info。
# 含描述信息
自定义 <slot name="desc"> 描述内容。
# 图标
根据 type 属性自动添加不同图标,或者自定义图标 slot 。
# 可关闭
显示关闭按钮,点击可关闭提示,也可以自定义关闭 slot 。
# 顶部公告
设置属性 banner 可以应用顶部公告的样式。
# 关闭事件
绑定 on-close 事件,关闭时触发。
# Alert API
# Alert props
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| type | 警告提示样式,可选值为 info、success、warning、error | String | info |
| closable | 是否可关闭 | Boolean | false |
| show-icon | 是否显示图标 | Boolean | false |
| banner | 是否去掉弧度框,可以应用顶部公告的样式 | Boolean | false |
# Alert events
| 事件名 | 说明 | 返回值 |
|---|---|---|
| on-close | 关闭时触发 | event |
# Alert slot
| 名称 | 说明 |
|---|---|
| 无 | 警告提示内容 |
| desc | 警告提示辅助性文字介绍 |
| icon | 自定义图标内容 |
| close | 自定义关闭内容 |