Layuilayer.open打开的页⾯CSS样式异常
Layui layer.open 打开的页⾯CSS样式异常
最近刚开始学前端，学的是layui
然后要实现⼀个按⼀个按钮在当前页⾯弹出⼀个资讯编辑框
然后呢，我在⽹上了些模板，前端的⼤框架⽤的是LayuiCMS，内部内容页⾯的框架⽤的是shiro-action的demo带的页⾯在按钮地⽅⽤layui.layer.open打开⼀个填充满内部的⽂章页⾯的时候出问题了：
var index = layui.layer.open({
title : "添加⽂章",
type : 2,
content : "new/add",
success : function(layero, index){
var body = ChildFrame('body', index);
if(edit){
body.find(".newsName").wsName);
body.find(".abstract").val(edit.abstract);
body.find(".thumbImg").attr("src",wsImg);
body.find("#news_content").t);
body.find(".newsStatus select").wsStatus);
body.find(".openness input[name='openness'][title='"+wsLook+"']").prop("checked","checked");                        body.find(".newsTop input[name='newsTop']").prop("checked",wsTop);
}
setTimeout(function(){
layui.layer.tips('点击此处返回⽂章列表', '.layui-layer-setwin .layui-layer-close', {
tips: 3
});
},500)
}
})
layui.layer.full(index);
//改变窗⼝⼤⼩时，重置弹窗的宽⾼，防⽌超出可视区域（如F12调出debug的操作）
$(window).on("resize",function(){
layui.layer.full(index);
})
变成了上⾯这样，
说来我也是很搞。。。。
⼤框架layuiCMS，⽤的shiro-action的页⾯，open的layuiCMS的⽂章编辑页⾯
结果导致CSS混乱了，⽂章编辑页⾯出了问题
这是⽂章编辑页⾯所需要的css：
研究了⼀会，看了下各个页⾯的css引⼊，network的⽂件下载，解决了：
前端页面模板
我在⽂章列表这个⼤页⾯的引⽤⾥加⼊了open出来的⽂章编辑页⾯所需要的css，就可以了出现问题的⼤致猜想：
可能< iframe >标签下的⼦页⾯不享受⽗页⾯的css
可能layer.open出来的标签只吃创建它的⽗页⾯的css
这⾥⽤了可能代表吾还没有研究过，留作后话，⽇后有时间了再去翻看

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。