Confirm 弹层组件 1.0.2
属性
container { HTMLElement| String } #
组件的容器
content { String| HTMLElement } #
弹窗的内容
{ String } #
extraClass
resizable { Boolean } #
是否会根据窗口大小重新调整位置，默认为true
okText { String| HTMLElement } #
确定按钮的文案
cancelText { String| HTMLElement } #
取消按钮的文案
方法
render #
将组件渲染到document中
show #
显示组件
hide #
显示组件
setContent #
设置组件的content
方法参数:
| 参数名 | 类型 | 描述 | 必选 | 支持版本 |
|---|---|---|---|---|
| newContent | String | HTMLElement | 将要设置的内容 |
getContent #
获取dialog组件的内容节点
返回值: HTMLElement 组件的内容节点
resize #
根据窗口大小重新调整组件位置和大小
Confirm.show static #
Confirm的静态方法显示组件的单例，此方法内部实现单例
方法参数:
| 参数名 | 类型 | 描述 | 必选 | 支持版本 |
|---|---|---|---|---|
| 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 | 确定按钮的文案 | ||
| opt.cancelText | String| HTMLElement | 取消按钮的文案 |
Confirm.hide static #
Confirm的静态方法隐藏组件的单例
Confirm.destroy static #
Confirm的静态方法销毁组件的单例
事件
ok #
右侧确定按钮点击时触发的事件
cancel #
左侧取消按钮点击时触发的事件