layer弹出层 shadeClose、shade解释

layer.open({
        type: 2,
        title: title,
        shadeClose: true, //开启遮罩关闭
        area: ['50%', '30%'],
        content: ['/admin/sys/user/editPassword.html?&id='+id],
        btn: [OK, Cancel],
        yes: function (index, layero) {
            $(layero).find('iframe')[0].contentWindow.edit();
        }
    })

效果是点击弹层外的区域，弹出层会关闭

shadeClose - 是否点击遮罩关闭

类型：Boolean，默认：false

如果shade是存在的，那么可以设定shadeClose来控制点击弹层外区域关闭。

shadeClose 为false,弹层外区域不可点击，比如说父层窗口点击不动

无配置shadeClose的情况下，视为shadeClose：false

shade - 遮罩

类型：String/Array/Boolean，默认：0.3

即弹层外区域。默认是0.3透明度的黑色背景（’#000’）。如果你想定义别的颜色，可以shade: [0.8, ‘#393D49’]；如果你不想显示遮罩，可以shade: 0

layer.open({
        type: 2,
        title: title,
        shade: 0,
        area: ['50%', '30%'],
        content: ['/admin/sys/user/editPassword.html?&id='+id],
        btn: [OK, Cancel],
        yes: function (index, layero) {
            $(layero).find('iframe')[0].contentWindow.edit();
        }
    })

效果是：弹出层外区域可随意点击，和无弹出层时用户可进行同样的操作

我这里是shade: [0.1,’#fff’]

shade
设置毛玻璃背景
除了弹出层以外的窗口内部用一个背景色遮住可以设置透明度
shade:[0.4,'#fff']
默认0.3

ShadeClose
默认关闭
设置true打开
点击弹出层以外部分可以关闭弹出层