layer弹出框小结

1、layer.open()

// 1、打开弹出层
            layer.open({
　　　　　　　　　 type:1,　　//基本层类型
                icon:0, //图标
                content:'请核对信息!',   //内容
                shade:0.3,  //遮罩,如果想定义别的颜色,可以shade:[0.5,'#fff']
                shadeClose:1,   //是否点击遮罩关闭
                skin:'demoClass',    //样式类名
                moveType:1, //拖拽风格,默认为0(会有个过度的透明框)
                btn:['取消','确定'],    //按钮
                btn1:function(){ //按钮一的回调

                },
//                btn2:function(){    //按钮二的回调
//
//                }
            });
2、没有按钮及头部title

layer.open({
    type: 1,
    title: false,
    shade:0,
    closeBtn: 0,
    shadeClose: true,
    time:3000,
    area:['188px','68px'],
    content: '<div class="success-open-dialog">
　　　　　　　　<img src="/static/images/success-open.png" style="vertical-align: middle;"
　　　　　　　　class="mr5"/><span style="font-size: 16px;
　　　　　　　　vertical-align: middle;">上传成功!</span></div>'
});

2、layer.msg()

            //eg1:
            layer.msg('谢谢惠顾!',{
                icon:1, //图标
                time:2000   //2秒关闭(如果不配置,默认是3秒)
            },function(){
                //do something
            });
            //eg2:
            layer.msg('提示语');
            //eg3:
            layer.msg('关闭后再操作',function(){
                //do something
            });

 

转载于:https://www.cnblogs.com/donglf/p/5872473.html