Alert 提示

用于页面中展示重要的提示信息。

基础用法

Alert 组件不属于浮层元素,不会自动消失或关闭。

主题

Alert 组件提供了两个不同的主题:lightdark

自定义关闭按钮

你可以自定义关闭按钮为文字或其他符号。

使用图标

你可以通过为 Alert 组件添加图标来提高可读性。

文字居中

使用 center 属性来让文字水平居中。

文字描述

为 Alert 组件添加一个更加详细的描述来使用户了解更多信息。

带图标和描述

Alert API

属性

名称说明类型默认值必填
titleAlert 标题。string
typeAlert 类型。enuminfo
description描述性文本string
closable是否可以关闭booleantrue
center文字是否居中booleanfalse
close-text自定义关闭按钮文本string
show-icon是否显示类型图标booleanfalse
effect主题样式enum'light'

事件

名称描述类型
close关闭 Alert 时触发的事件Function

插槽

名称描述
defaultAlert 内容描述
title标题的内容

源代码

组件文档

贡献者