layui学习日记-弹出层

layer.open:

 layer.open({
       type:xxx,
       content:xxx,
       offset:xxx,
       shadeClose:xxx
    });
    1.type:number类型,默认为0
    layer提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)。 
    2.content:string/Dom/Array,默认为“ ”
    content可传入的值是灵活多变的,不仅可以传入普通的html内容,还可以指定DOM,更可以随着type的不同而不同。
    3.offset:String/Array,默认:'auto'
    在默认状态下,layer是宽高都自适应的,但当你只想定义宽度时,你可以area: '500px',高度仍然是自适应的。
    当你宽高都要定义时,你可以offset: ['500px', '300px'],来定义top,left的坐标。
    4.shadeClose:boolean类型,意为点击遮罩层是否可以关闭弹框

layer.msg:

 layer.msg(result.msg,{shift:-1,time:1000,offset: 't'},function(){
                                window.location.reload();
           });
 layser.msg(string,{},callback);
 string:提示信息
 shift:-1  防止抖动
 time:默认不会自动关闭。当你想自动关闭时,可以time: 1000,即代表1秒后自动关闭,注意单位是毫秒(1秒=1000毫秒)
offset: 't'	快捷设置顶部坐标
offset: 'r'	快捷设置右边缘坐标
offset: 'b'	快捷设置底部坐标
offset: 'l'	快捷设置左边缘坐标
offset: 'lt'	快捷设置左上角
offset: 'lb'	快捷设置左下角
offset: 'rt'	快捷设置右上角
offset: 'rb'	快捷设置右下角
callback:提示信息关闭之后的回调。在这里可以做一些其他操作。

layer.close(index):

//eg1
var index = layer.load();
//eg2
var index = layer.load(1); //换了种风格
//eg3
var index = layer.load(2, {time: 10*1000}); //又换了种风格,并且设定最长等待10秒 
//获取相应的index进行关闭
layer.close(layer.index);
//如果实在是懒,可以通过以下方式进行关闭
layer.closeAll()     
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值