如何实现layer弹窗取消遮罩功能?

更新于
2026-09-29 20:54:22
0阅读来源:SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计295个文字,预计阅读时间需要2分钟。

如何实现layer弹窗取消遮罩功能?

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

如何实现layer弹窗取消遮罩功能?

shadeClose - 是否点击遮罩关闭

类型:Boolean,默认:false

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

阅读全文

本文共计295个文字,预计阅读时间需要2分钟。

如何实现layer弹窗取消遮罩功能?

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

如何实现layer弹窗取消遮罩功能?

shadeClose - 是否点击遮罩关闭

类型:Boolean,默认:false

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

阅读全文