补充后台大框架布局方案
This commit is contained in:
		
							parent
							
								
									fbf22208d5
								
							
						
					
					
						commit
						185333c381
					
				@ -1,36 +1,33 @@
 | 
			
		||||
 
 | 
			
		||||
 
 | 
			
		||||
<!DOCTYPE html>
 | 
			
		||||
<html>
 | 
			
		||||
<head>
 | 
			
		||||
<meta charset="utf-8">
 | 
			
		||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 | 
			
		||||
<title>layout 后台大框架布局 - Layui</title>
 | 
			
		||||
 | 
			
		||||
<link rel="stylesheet" href="../build/css/layui.css">
 | 
			
		||||
 | 
			
		||||
<style>
 | 
			
		||||
.demo1{width: 200px;}
 | 
			
		||||
</style>
 | 
			
		||||
</head>
 | 
			
		||||
<body>
 | 
			
		||||
 | 
			
		||||
<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-scroll">
 | 
			
		||||
      
 | 
			
		||||
      <!-- 左侧导航区域(可配合layui已有的垂直导航) -->
 | 
			
		||||
    </div>
 | 
			
		||||
  </div>
 | 
			
		||||
  <div class="layui-body">
 | 
			
		||||
    
 | 
			
		||||
    <!-- 内容主体区域 -->
 | 
			
		||||
  </div>
 | 
			
		||||
  <div class="layui-footer">
 | 
			
		||||
    
 | 
			
		||||
    <!-- 底部固定区域 -->
 | 
			
		||||
  </div>
 | 
			
		||||
</div>
 | 
			
		||||
 | 
			
		||||
<script src="../build/layui.js"></script>
 | 
			
		||||
<script src="../layui/layui.js"></script>
 | 
			
		||||
<script>
 | 
			
		||||
 | 
			
		||||
//JavaScript代码区域
 | 
			
		||||
</script>
 | 
			
		||||
</body>
 | 
			
		||||
</html>
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user