Alert 提示

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

基础用法

页面中的非浮层元素，不会自动消失。

主题

Alert 组件提供了两个不同的主题：light 和 dark。

带有图标

表示某种状态时提升可读性。

带有辅助性文字

包含标题和辅助性文字。

带有图标和辅助性文字

毛玻璃效果 (Unique Feature)

设置为 glass 属性可以开启毛玻璃效果，背景半透明并带有模糊效果，非常适合覆盖在图片或复杂背景上。

渐变模式 (Unique Feature)

设置为 gradient 属性可以开启渐变背景和左侧强调边框，提供更具现代感的视觉体验。

可折叠 (Unique Feature)

对于内容较长的警告，可以使用 collapsible 属性来允许用户折叠/展开详细描述。

自定义操作项 (Unique Feature)

使用 action 插槽可以在右侧添加自定义操作按钮。

API

Attributes

属性名	说明	类型	默认值
title	标题	string	—
type	主题	'success' / 'warning' / 'info' / 'error'	'info'
description	辅助性文字	string	—
closable	是否可关闭	boolean	true
center	文字是否居中	boolean	false
close-text	自定义关闭按钮文本	string	—
show-icon	是否显示图标	boolean	false
effect	主题风格	'light' / 'dark'	'light'
glass	是否开启毛玻璃效果 (Unique)	boolean	false
gradient	是否开启渐变模式 (Unique)	boolean	false
collapsible	是否可折叠描述 (Unique)	boolean	false
icon	自定义图标	string / Component	—

Slots

插槽名	说明
default	描述文本的内容
title	标题的内容
icon	图标的内容
action	自定义操作项的内容 (Unique)

Events

事件名	说明	回调参数
close	关闭 alert 时触发的事件	(evt: MouseEvent)