new Dialog()
对话框
- 版本:
-
- 1.0
- 继承:
- 依赖:
-
- module:lib/zepto.js
- module:src/base.js
- 源码:
-
- dialog.js, line 1
Example
var dialog1 = new mo.Dialog('数据提交成功!');
-
参数
-
属性
-
方法
-
事件
名称 | 类型 | 参数 | 默认值 | 描述 |
---|---|---|---|---|
config.mask |
boolean | <optional> |
true | 是否有蒙板 |
config.autoOpen |
boolean | <optional> |
true | 是否自动打开对话框 |
config.pos |
array | <optional> |
['middle'] | 设置dialog打开位置 |
config.className |
string | <optional> |
'pop***' | 自定义class方便控制样式 |
config.buttons |
boolean | <optional> |
['normal'] | 操作按钮,如自定义文本{'text': '放弃'} |
config.start |
object | <optional> |
{'opacity': 0,'-webkit-transform': 'rotateX(-90deg)','-webkit-transform-origin': '50% 0'} | 打开弹窗时起始状态 |
config.end |
object | <optional> |
{'opacity': 1,'-webkit-transform': 'rotateX(0)','-webkit-transform-origin': '50% 0'} | 打开弹窗时结束状态 |
config.duration |
number | <optional> |
150 | 动画时间,可设为0关闭动画 |
config.content |
string | <optional> |
'' | dialog内容 |
config.width |
string | number | <optional> |
'300' | dialog宽度 |
config.height |
string | number | <optional> |
'auto' | overlay高度 |
config.type |
string | <optional> |
'alert' | dialog类型,[alert, success, error, none可选] |
config.tpl |
string | <optional> |
'' | 弹窗模板 |
-
dom :Object
-
存储弹窗dom引用(dom.box, dom.head, dom.body, dom.foot. dom.close, dom.mask)
- 继承自:
-
- mo.Overlay#dom
- 源码:
-
- overlay.js, line 192
-
close()
-
关闭弹窗
- 继承自:
-
- mo.Overlay#close
- 源码:
-
- overlay.js, line 467
-
constructor()
-
构造函数
- 继承自:
-
- mo.Overlay#constructor
- 源码:
-
- base.js, line 42
-
off()
-
绑定事件
- 继承自:
-
- mo.Overlay#off
- 源码:
-
- base.js, line 61
-
on()
-
绑定事件
- 继承自:
-
- mo.Overlay#on
- 源码:
-
- base.js, line 52
-
open()
-
打开浮层
- 继承自:
-
- mo.Overlay#open
- 源码:
-
- overlay.js, line 428
-
trigger()
-
触发事件
- 继承自:
-
- mo.Overlay#trigger
- 源码:
-
- base.js, line 69
-
beforeclose:初始化完成
-
- 继承自:
-
- mo.Overlay#beforeclose:初始化完成
- 源码:
-
- overlay.js, line 471
名称 类型 描述 event
object 事件对象 -
beforeopen:初始化完成
-
- 继承自:
-
- mo.Overlay#beforeopen:初始化完成
- 源码:
-
- overlay.js, line 436
名称 类型 描述 event
object 事件对象 -
close:关闭窗口时
-
- 继承自:
-
- mo.Overlay#close:关闭窗口时
- 源码:
-
- overlay.js, line 484
名称 类型 描述 event
object 事件对象 -
init
-
- 继承自:
-
- mo.Overlay#event:init
- 源码:
-
- overlay.js, line 159
名称 类型 描述 event
object 开始初始化 -
open:关闭窗口时
-
- 继承自:
-
- mo.Overlay#open:关闭窗口时
- 源码:
-
- overlay.js, line 447
名称 类型 描述 event
object 事件对象
普通弹窗运行Demo二维码
Loading...
自定义类型弹窗-警告运行Demo二维码
Loading...
自定义类型弹窗-失败运行Demo二维码
Loading...