github
/
layui
mirror of https://github.com/layui/layui
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

补充后台大框架布局方案

pull/11/merge
sentsin 2017-03-14 01:53:28 +08:00
parent fbf22208d5
commit 185333c381
1 changed files with 10 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
test/layout.html
View File

@ -1,36 +1,33 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>layout 后台大框架布局 - Layui</title> <title>layout 后台大框架布局 - Layui</title>
<link rel="stylesheet" href="../build/css/layui.css"> <link rel="stylesheet" href="../build/css/layui.css">
<style>
.demo1{width: 200px;}
</style>
</head> </head>
<body> <body>
<div class="layui-layout layui-layout-admin"> <div class="layui-layout layui-layout-admin">
<div class="layui-header"></div> <div class="layui-header">
<!-- 头部区域（可配合layui已有的水平导航） -->
</div>
<div class="layui-side layui-bg-black"> <div class="layui-side layui-bg-black">
<div class="layui-side-scroll"> <div class="layui-side-scroll">
<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
</div> </div>
</div> </div>
<div class="layui-body"> <div class="layui-body">
<!-- 内容主体区域 -->
</div> </div>
<div class="layui-footer"> <div class="layui-footer">
<!-- 底部固定区域 -->
</div> </div>
</div> </div>
<script src="../layui/layui.js"></script>
<script src="../build/layui.js"></script>
<script> <script>
//JavaScript代码区域
</script> </script>
</body> </body>
</html> </html>