11.后台大布局
学习要点：
1.后台布局
本节课我们来开始了解 Layui 的后台完整布局的方案。
一．后台布局
1. <body>标签首先要隐藏溢出：layui-layout-body；
<body class="layui-layout-body">
2. 后台的架构的顶部定义如下，后续所有代码都在此内；
<div class="layui-layout layui-layout-admin">
//...
</div>
PS：核定定义：layui-layout、layui-admin、layui-header；
3. 后台的顶部设计，用到水平导航，复制过来；
<div class="layui-header">
<div class="layui-logo">Layui 后台布局</div>
<!--这里把之前学过的水平导航复制过来，增加 layui-layout-left-->
<ul class="layui-nav layui-layout-left">
<li class="layui-nav-item"><a href="#">仪表图</a></li>
//....
</li>
</ul>
//这里还有一个右边的个人中心
</div>
PS：核心定义：layui-header、layui-logo；
4. 后台的侧栏设计，内部的垂直导航，复制过来即可；
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
...
</div>
</div>
5. 后台的侧栏设计，内部的垂直导航，复制过来即可；
<!--主体部分-->
<div class="layui-body">
这里是主体内容。。。
</div>
<!--底部内容-->
<div class="layui-footer">
底部内容 -- 固定在这里
</div>
