layui 界面显示不全

这里跟大家分享一个经验，

刚在开发 layui    时碰到的一个问题，在我通过点击权限树节点，打开的 iframe 框架的页面显示不全

 

jsp页面  layui 主体 body 内打开页面

<div class="layui-body" id="container">
            <div class="layui-tab" lay-filter="tabs" id="tabs" lay-allowClose="true">
                <ul class="layui-tab-title">
                    <li class="layui-this">首页<>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">欢迎回来！</div>  <!--  -->
                </div>
            </div>
        </div>

在使用时发现页面打开后内容显示不全

解决方法：

       我们可以去到 layui 样式文件的css文件去修改对应的高宽，来实现页面的展示

1. .layui-tab-item {
2.     display: none;
3.     height: 800px;
4. }