0.1.2 • Published 6 years ago

k-layer v0.1.2

Weekly downloads
-
License
MIT
Repository
-
Last release
6 years ago

k-layer

layer弹窗的代替插件,不依赖jquery

使用方法:

message提醒:

klayer.msg(/* 提醒内容 */, /* 提醒存在时间,单位ms,默认1000 */);

open弹窗:

klayer.open({
  title: '提醒',                         //标题内容,默认“提醒”
  content: DOM || 'hello world!',       //提醒内容,支持直接挂载DOM元素
  btn: ['btn1', 'btn2', 'btn3'],        //按钮内容,数组形式可以添加多个按钮
  hideClose: true,                      //是否隐藏关闭按钮,默认false
  hideShadow: true,                     //是否隐藏遮罩层,默认false
  skin: 'error',                        //添加自定义class名
  direct: 'l',                          //弹窗出现位置:可选值有 l、t、b、r、lt、lb、rt、rb
  success: function(id, dom) {},        //打开成功后的回调
  btn1: function(id, dom) {             //按钮的回调,接收参数为“弹窗编号”(可以用于js关闭弹窗)和弹窗DOM元素
    console.log('btn1', id, dom);
  },
  btn2: function(id, dom) {             //第二个按钮的回调,其余按钮的回调依次递增btn后的数字
    console.log('btn2', id, dom);
  },
  btn3: function(id, dom) {
    klayer.close(id);                   //关闭某一个弹窗
  }.bind(this),
  close: function(id, dom) {},          //关闭按钮的回调
  end: function(id, dom) {}             //弹窗被摧毁后的回调
});

loading加载:

var load = klayer.load();               //返还加载层id

close关闭:

klayer.load(klayerID);                  //指定要关闭的id

closeAll关闭所有弹窗:

klayer.closeAll();                      //关闭所有弹出层