layer弹框用法

//1.通用信息弹框
//layer.alert("普通信息框");

//2.带图标0-6 1对2错3询问，5哭6笑0警告，4小锁
//layer.alert("带图片的提示框",{icon:4})

//3.带一个回调函数，点击确定后执行
layer.alert("点击确定后执行",{icon:1,title:"自定义标题"},function(){
    layer.msg("你好");
})

 

//提示框弹框有暗色背景             
layer.msg("测试内容", {
    icon: 1,//1弹框为对勾图标 0为警告图标
    shade: [0.3, '#393D49'],
    shadeClose: true
});

//无暗色背景，提示信息后三秒后刷新
layer.msg("测试内容", { icon: 1, time: 3000}, function () {
    history.go(0);
});

协议信息确认弹框
{if empty($userCertificate)}
<script>
    $(function () {
        layer.confirm('尊敬的xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx请您仔细阅读注意事项：<br/><br/>' +
            '要求：<br> ' +
            '一、xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx；<br>' +
            '二、xxxxxxxxxxxxxxxxxxxxxxxxx；<br>'
            , {
                title: '温馨提示',
                btn: ['确认','关闭'], //按钮
                area:['700px','500px'],
            },function (tkdiv){//tkdiv用于控制当前窗台
                layer.close(tkdiv);
                $.ajax({
                    type:"post",
                    url:'/user/xxxxx',
                    dataType:"json",
                    data:{ ajaxsubmit:'yes' },
                    success:function(ret){
                        console.log(ret);
                        if (ret.code == '1') {
                            layer.msg(ret.data, { icon: 1, time: 2000}, function () {
                                history.go(0);
                            });
                        } else {
                            layer.msg(ret.data, { icon: 0, time: 2000}, function () {
                                history.go(0);
                            });
                        }
                    },error:function(ret){
                        console.log(ret);
                    }
                });
            });
    });
</script>
{/if}