下面先是第一个弹窗
然后点击查看故障信息,打开第二个弹窗(效果图)
刚开始我用了
layer.open({
type: 2,
skin: 'layui-layer-lan',
title: false,
fix: false,
shadeClose: true,
shade: false,
closeBtn: 0,
maxmin: true,
area: ['848px', '756px'],
content:url,
});
会出现如下图这种情况
然后我用了在弹出层A(子页面1)打开新弹出层B(子页面2),弹出层A、B在同一DOM层级,即父页面内有多个iframe,子页面2不嵌套在子页面1中;
在弹出层A(子页面1)中封装如下方法,在需要触发打开新弹出层B事件中执行如下方法;
function showFailureDetail(id) {
parent.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: false,
shade: 0.6,
border: [0],
area: ['848px', '756px'],
content:url,
})
}