前端开发记录

1. 解决layui弹出层点击多次弹出问题

这个问题其实是疏忽了一些 基础参数(仔细看文档,仔细看文档,仔细看文档)

一、type - 基本层类型
类型:Number,默认:0
layer提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)。 若你采用layer.open({type: 1}) 方式调用,则 type为必填项(信息框除外)

二、id - 用于控制弹层唯一标识
类型:String,默认:空字符
设置该值后,不管是什么类型的层,都只允许同时弹出一个。一般用于页面层和 iframe 层模式

当 layer 弹层同时出现多个时,设置一个 ID 即可解决此问题。

示例:

layer.open({
    type: 1
    ,title: false //不显示标题栏
    ,closeBtn: false
    ,area: '300px;'
    ,content : "url"
    ,shade: 0.8
    ,id: 'LAY_layuipro' //设定一个id,防止重复弹出
});

此内容转载自:
作者:dongsir
原文链接:https://www.cnblogs.com/sirdong/archive/2019/10/23/11728160.html

layer.open({
type: 2,
title: [equipId + "--" + DeptName + platform_name, 'font-size:20px;color:#1b8cee;font-weight: bold;'],
shade: false,
area: ["80%", "55%"],
//btn: ['处理完毕'],
//closeBtn :0,//隐藏右上角关闭按钮
//time: 600000,//自动关闭时间为10分钟
maxmin: true,
content: "/api/zhanduan/zdbj/videosp5.html?url1=" + url1 + "&url2=" + url2 + "&url3=" + url3 + "&equipId=" + equipId + "&equipIp=" + equipIp,
zIndex: layer.zIndex, //重点1
id: 'LAY_layuipro', //设定一个id,防止重复弹出
success: function (layero) {
layer.setTop(layero); //重点2
},
cancel: function () {
window.top.postMessage('close', '*')
}
});

2. 空格: 

 

3.

 






posted @ 2024-06-05 08:53  sensen~||^_^|||&  阅读(3)  评论(0编辑  收藏  举报