ElementUI浅尝辄止22:Alert 警告

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

常见于消息提示或警告框。

1.如何使用?

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

//Alert 组件提供四种主题,由type属性指定,默认值为info。

2.主题

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

//通过设置effect属性来改变主题,默认为light。

3.自定义关闭按钮

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

/*在 Alert 组件中,你可以设置是否可关闭,关闭按钮的文本以及关闭时的回调函数。closable属性决定是否可关闭,接受boolean,默认为true。你可以设置close-text属性来代替右侧的关闭图标,注意:close-text必须为文本。设置close事件来设置关闭时的回调。*/



4.带有 icon

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

//通过设置show-icon属性来显示 Alert 的 icon,这能更有效地向用户展示你的显示意图。

5.文字居中

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

 6.带有辅助性文字介绍

包含标题和内容,解释更详细的警告。

//除了必填的title属性外,你可以设置description属性来帮助你更好地介绍,我们称之为辅助性文字。辅助性文字只能存放单行文本,会自动换行显示。

 7.带有 icon 和辅助性文字介绍

//这是一个同时具有 icon 和辅助性文字的样例。

 

你可能感兴趣的:(element-ui,elementui,前端)