# Alert 警告提示

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


# 采用对象方式渲染

# 基础用法

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

显示代码

# 带有 icon

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

显示代码

# 文案居中

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

显示代码

# 带有 icon 和辅助性文案介绍

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

显示代码

# 自定义按钮

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

显示代码

# 采用comp方式渲染

显示代码

# 参数列表

参数 说明 类型 默认值
elObj 被渲染的元素DOM(必填) 可传入一个 DOM 对象或字符串;
若传入字符串,则会将其作为参数传入 document.querySelector以获取到对应 DOM 节点
-
options title 标题(必填) string -
type 主题/类型(选填) string("success"/"info"/"warning"/"error"/"explain") "info"
targetWindow 本组件被渲染至哪一层window(选填) window对象

组件被调用的window(当前window)

如果需要弹至顶层window,建议使用getCtpTop()

description 辅助性文案(选填) string -
customClass 自定义class(选填) string -
closable 是否可关闭(选填) boolean true
center 文案是否居中(选填) boolean false
textWrap 文字是否换行 boolean false
closeText 关闭按钮自定义文本(选填) string -
showIcon 是否显示图标(选填) boolean false

customClose

自定义的关闭按钮(选填)

类型为一个object

type 自定义关闭按钮的类型:text、button string -
text 自定义关闭按钮的文字内容 string -

# 方法列表

方法 说明 参数
destory 销毁元素 -