vitevue32/docs/components/alert/doc/doc.md

Alert 警告

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

基本用法

Alert 组件不属于浮层元素，不会自动消失或关闭。Alert 组件提供四种主题，由type属性指定，默认值为info

主题

Alert 组件提供了两个不同的主题：light和dark。通过设置effect属性来改变主题，默认为light

自定义关闭按钮

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

你可以设置 Alert 组件是否为可关闭状态， 关闭按钮的内容以及关闭时的回调函数同样可以定制。 closable 属性决定 Alert 组件是否可关闭， 该属性接受一个 Boolean，默认为 true。 你可以设置 close-text 属性来代替右侧的关闭图标， 需要注意的是 close-text 必须是一个字符串。 当 Alert 组件被关闭时会触发 close 事件。

带有 icon

表示某种状态时提升可读性。通过设置show-icon属性来显示 Alert 的 icon，这能更有效地向用户展示你的显示意图

文字居中

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

文字描述

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

除了必填的 title 属性外，你可以设置 description 属性来帮助你更好地介绍，我们称之为辅助性文字。 辅助性文字只能存放文本内容，当内容超出长度限制时会自动换行显示。

带图标和描述

带有 icon 和辅助性文字介绍

Attributes

参数	说明	类型	可选值	默认值
title	标题	string	—	—
type	主题	string	success/warning/info/error	info
description	辅助性文字。也可通过默认 slot 传入	string	—	—
closable	是否可关闭	boolean	—	true
center	文字是否居中	boolean	—	true
close-text	关闭按钮自定义文本	string	—	—
show-icon	是否显示图标	boolean	—	false
effect	选择提供的主题	string	light/dark	light

Events

事件名称	说明	回调参数
close	关闭alert时触发的事件	—