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

更新于
2026-09-29 21:02:39
1阅读来源: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来控制点击弹层外区域关闭。

以上这篇layer弹出层取消遮罩的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持易盾网络。

本文共计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来控制点击弹层外区域关闭。

以上这篇layer弹出层取消遮罩的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持易盾网络。