Alert 弹层组件 1.0.2

继承自：Widget

查看示例：Demo (PC需开启模拟器)

alert

属性

container { HTMLElement| String } #

组件的容器

content { String| HTMLElement } #

弹窗的内容

extraClass { String } #

会额外添加到组件根节点的样式

align { Boolean } #

组件的对齐方式，center、bottom、top，默认为center

resizable { Boolean } #

是否会根据窗口大小重新调整位置，默认为true

okText { String| HTMLElement } #

确定按钮的文案

方法

render #

将组件渲染到document中

var  widget = new Alert({
  content: 'i am Alert'
 });
widget.on('ok', function() {
     console.log('ok')
 });
 widget.render();

show #

显示组件

hide #

显示组件

setContent #

设置组件的content

方法参数:

参数名 类型 描述 必选 支持版本
newContent String | HTMLElement 将要设置的内容

getContent #

获取dialog组件的内容节点

返回值: HTMLElement 组件的内容节点

resize #

根据窗口大小重新调整组件位置和大小

destroy #

销毁组件

Alert.show static #

Alert的静态方法显示组件的单例，此方法内部实现单例

方法参数:

参数名 类型 描述 必选 支持版本
opt Object 单例属性与属性一致
opt.force String| HTMLElement 是否强制销毁后再重建
opt.content String| HTMLElement 弹窗的内容
opt.extraClass String 会额外添加到组件根节点的样式
opt.align Boolean 组件的对齐方式，center、bottom、top，默认为center
opt.resizable Boolean 是否会根据窗口大小重新调整位置，默认为true
opt.okText String| HTMLElement 确定按钮的文案

Alert.hide static #

Alert的静态方法隐藏组件的单例

Alert.destroy static #

Alert的静态方法销毁组件的单例

事件

ok #

按钮点击触发的事件