popup弹出层相关事件/方法

popup使用


使用popup时在你需要的地方引入 popup

// 引入方法,如已经引入无需二次重复引入。 aeui.use(["popup"],function(){ }); 或 aeui.use("popup",function(){ });
// 使用弹出层需要配合html <div class="aeui-popup" id="popup">   <div class="popup-layer">     这里是你的内容~~~~   </div> </div>

方法




aeui.popup.show(data)

对弹出层进行操作,控制弹出方向。该方法需要配合上面HTML

参数名类型可空描述
data object( json ) 必须填写 json参数
data完整参数:
{
  dom:"", // 元素选择器、class、id.....
  type:0,// 可选,默认 0,0 = 中间弹出,1 = 顶部弹出,2 = 底部弹出 ,3 = 左边弹出 , 4 = 右边弹出
  hood:true, // 可选,是否允许层罩点击关闭,默认 false , false = 不允许关闭,你需要主动调用 aeui.popup.hide() 才会关闭
  style:{ // 可选,这里为 style 样式,可以定义CSS 样式
      height:"", // 当 参数 type: 3,4 时默认高度为100%。0,1,2未定义
      width:"", // 当 参数 type: 1,2 时默认宽度为100%。0,3,4未定义
      backgroundColor:"",// 默认颜色 #FFFFFF
      // 其他style....
  }
}

使用列子

aeui.popup.showx(data)

对弹出层进行操作,控制弹出方向。该方法不需要配合指定HTML元素

参数名类型可空描述
data object( json ) 必须填写 json参数
data完整参数:
{
  content:"", // 显示的文本或HTML元素
  type:0,// 可选,默认 0,0 = 中间弹出,1 = 顶部弹出,2 = 底部弹出 ,3 = 左边弹出 , 4 = 右边弹出
  hood:true, // 可选,是否允许层罩点击关闭,默认 false , false = 不允许关闭,你需要主动调用 aeui.popup.hide() 才会关闭
  style:{ // 可选,这里为 style 样式,可以定义CSS 样式
      height:"", // 当 参数 type: 3,4 时默认高度为100%。0,1,2未定义
      width:"", // 当 参数 type: 1,2 时默认宽度为100%。0,3,4未定义
      backgroundColor:"",// 默认颜色 #FFFFFF
      // 其他style....
  }
}

使用列子

aeui.popup.hide(obj)

对弹出层进行关闭。

参数名类型可空描述
obj object 必须填写 aeui.popup.showxaeui.popup.show的返回值

使用列子

手机扫码访问 qrcode