new Overlay()
基础浮层类,没有关闭按钮,没有操作按钮,可应用于操作提示,loading等场景。
- 版本:
-
- 1.0
- 继承:
- 依赖:
-
- module:lib/zepto.js
- module:src/base.js
- 源码:
-
- overlay.js, line 1
Example
var overlay1 = new mo.Overlay('数据提交成功!');
-
参数
-
属性
-
方法
-
事件
名称 | 类型 | 参数 | 默认值 | 描述 |
---|---|---|---|---|
config.mask |
boolean | <optional> |
true | 是否有蒙板 |
config.autoOpen |
boolean | <optional> |
true | 是否自动打开对话框 |
config.pos |
array | <optional> |
'middle' | 设置overlay打开位置,可选值:'middle', 'top', 'bottom' |
config.className |
string | <optional> |
'pop***' | 自定义class方便控制样式 |
config.effect |
boolean | <optional> |
true | 是否启用过渡效果 |
config.hasFoot |
boolean | <optional> |
false | 是否有底部 |
config.start |
object | <optional> |
{'opacity': 0,'transform': 'rotateX(-90deg)','transform-origin': '50% 0'} | 打开弹窗时起始状态 |
config.end |
object | <optional> |
{'opacity': 1,'transform': 'rotateX(0)','transform-origin': '50% 0'} | 打开弹窗时结束状态 |
config.duration |
number | <optional> |
800 | 动画时间,可设为0关闭动画 |
config.content |
string | element | URLString | <optional> |
'' | overlay内容 |
config.width |
string | number | <optional> |
'300' | overlay宽度 |
config.height |
string | number | <optional> |
'auto' | overlay高度 |
config.tpl |
string | <optional> |
'$_private.tpl' | 弹窗模板 |
-
dom :Object
-
存储弹窗dom引用(dom.box, dom.head, dom.body, dom.foot. dom.close, dom.mask)
- 源码:
-
- overlay.js, line 192
-
close()
-
关闭弹窗
- 源码:
-
- overlay.js, line 467
-
constructor()
-
构造函数
- 继承自:
-
- mo.Base#constructor
- 源码:
-
- base.js, line 42
-
off()
-
绑定事件
- 继承自:
-
- mo.Base#off
- 源码:
-
- base.js, line 61
-
on()
-
绑定事件
- 继承自:
-
- mo.Base#on
- 源码:
-
- base.js, line 52
-
open()
-
打开浮层
- 源码:
-
- overlay.js, line 428
-
trigger()
-
触发事件
- 继承自:
-
- mo.Base#trigger
- 源码:
-
- base.js, line 69
-
beforeclose:初始化完成
-
- 源码:
-
- overlay.js, line 471
名称 类型 描述 event
object 事件对象 -
beforeopen:初始化完成
-
- 源码:
-
- overlay.js, line 436
名称 类型 描述 event
object 事件对象 -
close:关闭窗口时
-
- 源码:
-
- overlay.js, line 484
名称 类型 描述 event
object 事件对象 -
init
-
- 源码:
-
- overlay.js, line 159
名称 类型 描述 event
object 开始初始化 -
open:关闭窗口时
-
- 源码:
-
- overlay.js, line 447
名称 类型 描述 event
object 事件对象
普通浮层运行Demo二维码
Loading...
自定义效果运行Demo二维码
Loading...
自定义位置运行Demo二维码
Loading...