如何实现layer弹窗取消遮罩功能?
- 内容介绍
- 文章标签
- 相关推荐
本文共计295个文字,预计阅读时间需要2分钟。
layer 是 layui 的一个弹出层模块,用于弹出对话框或遮罩层。它支持消除遮罩、自定义样式,并被许多开发者视为与 layer 弹出层类似的非模态对话框类组件。例如:
javascriptlayer.open({ title: '在线调试', content: '可以填写任意的layer代码', shade: 0});
其中,`shade` 属性控制遮罩层。
layer 只是作为 layui 的一个弹层模块
layer弹出层取消遮罩 笔者认为 跟 layer弹出层非模态对话框类似
layer.open({ title: '在线调试', content: '可以填写任意的layer代码', shade:0 });
shade - 遮罩
类型:String/Array/Boolean,默认:0.3
即弹层外区域。默认是0.3透明度的黑色背景('#000')。如果你想定义别的颜色,可以shade: [0.8, ‘#393D49'];如果你不想显示遮罩,可以shade: 0
shadeClose - 是否点击遮罩关闭
类型:Boolean,默认:false
如果你的shade是存在的,那么你可以设定shadeClose来控制点击弹层外区域关闭。
本文共计295个文字,预计阅读时间需要2分钟。
layer 是 layui 的一个弹出层模块,用于弹出对话框或遮罩层。它支持消除遮罩、自定义样式,并被许多开发者视为与 layer 弹出层类似的非模态对话框类组件。例如:
javascriptlayer.open({ title: '在线调试', content: '可以填写任意的layer代码', shade: 0});
其中,`shade` 属性控制遮罩层。
layer 只是作为 layui 的一个弹层模块
layer弹出层取消遮罩 笔者认为 跟 layer弹出层非模态对话框类似
layer.open({ title: '在线调试', content: '可以填写任意的layer代码', shade:0 });
shade - 遮罩
类型:String/Array/Boolean,默认:0.3
即弹层外区域。默认是0.3透明度的黑色背景('#000')。如果你想定义别的颜色,可以shade: [0.8, ‘#393D49'];如果你不想显示遮罩,可以shade: 0
shadeClose - 是否点击遮罩关闭
类型:Boolean,默认:false
如果你的shade是存在的,那么你可以设定shadeClose来控制点击弹层外区域关闭。

