# Alert 警告

# Alert 概述

静态地呈现一些警告信息,可手动关闭。

# Alert 代码示例

# 基础用法

基本使用方法,有四种样式可以选择 infosuccesswarningerror。其中 type 不配置时,默认为 info。

# 含描述信息

自定义 <slot name="desc"> 描述内容。

# 图标

根据 type 属性自动添加不同图标,或者自定义图标 slot 。

# 可关闭

显示关闭按钮,点击可关闭提示,也可以自定义关闭 slot 。

# 顶部公告

设置属性 banner 可以应用顶部公告的样式。

# 关闭事件

绑定 on-close 事件,关闭时触发。

# Alert API

# Alert props

属性 说明 类型 默认值
type 警告提示样式,可选值为 infosuccesswarningerror String info
closable 是否可关闭 Boolean false
show-icon 是否显示图标 Boolean false
banner 是否去掉弧度框,可以应用顶部公告的样式 Boolean false

# Alert events

事件名 说明 返回值
on-close 关闭时触发 event

# Alert slot

名称 说明
警告提示内容
desc 警告提示辅助性文字介绍
icon 自定义图标内容
close 自定义关闭内容