EasyUI 布局面板

最新推荐文章于 2022-07-11 18:15:28 发布

原创最新推荐文章于 2022-07-11 18:15:28 发布 · 227 阅读

CC 4.0 BY-SA版权

<html>
	<head>
		<title>布局面板</title>
		<link rel="stylesheet" type="text/css" href="H:/jQuery EasyUI/jquery-easyui-1.5.3/themes/default/easyui.css">
		<link rel="stylesheet" type="text/css" href="H:/jQuery EasyUI/jquery-easyui-1.5.3/themes/icon.css"/>
		<script type="text/javascript" src="H:/jQuery EasyUI/jquery-easyui-1.5.3/jquery.min.js"></script>
		<script type="text/javascript" src="H:/jQuery EasyUI/jquery-easyui-1.5.3/jquery.easyui.min.js"></script>
	</head>
	<body>
		<div id="cc" class="easyui-layout"  data-options="fit:true" style="height:400px;">  
			<div data-options="region:'north',iconCls:'icon-reload',title:'上',split:true" style="height:100px;"></div>  
			<div data-options="region:'south',iconCls:'icon-reload',title:'下',split:true" style="height:100px;"></div>  
			<div data-options="region:'east',iconCls:'icon-reload',title:'右',split:true" style="width:200px;"></div>  
			<div data-options="region:'west',iconCls:'icon-reload',title:'左',split:true" style="width:200px;"></div>  
			<div data-options="region:'center',iconCls:'icon-reload',title:'中'" style="padding:5px;">
			</div>  
		</div>  
	</body>
</html>