Class: Overlay

new Overlay()

基础浮层类，没有关闭按钮，没有操作按钮，可应用于操作提示，loading等场景。
版本:
  • 1.0
作者:
  • Brucewan
继承:
依赖:
  • module:lib/zepto.js
  • module:src/base.js
源码:
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)
    源码:

  • close()

    关闭弹窗
    源码:

    constructor()

    构造函数
    继承自:
    • mo.Base#constructor
    源码:

    off()

    绑定事件
    继承自:
    • mo.Base#off
    源码:

    on()

    绑定事件
    继承自:
    • mo.Base#on
    源码:

    open()

    打开浮层
    源码:

    trigger()

    触发事件
    继承自:
    • mo.Base#trigger
    源码:

  • beforeclose:初始化完成

    名称 类型 描述
    event object 事件对象
    源码:

    beforeopen:初始化完成

    名称 类型 描述
    event object 事件对象
    源码:

    close:关闭窗口时

    名称 类型 描述
    event object 事件对象
    源码:

    init

    名称 类型 描述
    event object 开始初始化
    源码:

    open:关闭窗口时

    名称 类型 描述
    event object 事件对象
    源码:
    •

    普通浮层运行Demo二维码

    Loading...

    自定义效果运行Demo二维码

    Loading...

    自定义位置运行Demo二维码

    Loading...