# 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 | 销毁元素 | - |