布局(layout)是有五个区域(北区 north、南区 south、东区 east、西区 west 和中区 center)的容器。中间的区域面板是必需的,边缘区域面板是可选的。每个边缘区域面板可通过拖拽边框调整尺寸,也可以通过点击折叠触发器来折叠面板。布局(layout)可以嵌套,因此用户可建立复杂的布局。
需要引用的css和js
body 中代码
<body class="easyui-layout">
<!--上-->
<div data-options="region:'north',border:false" style="height:100px;background:#B3DFDA;padding:1px;overflow:hidden">
<img src="~/img/95ec2638a22aa33ca9fd9fb2c5d860c2.jpg" style=" width:100%;height:100%" />
</div>
<!--上结束-->
<!--左-->
<div data-options="region:'west',split:true,title:'管理'" style="width:150px;padding:1px;overflow:hidden">
<div class="easyui-accordion" data-options="multiple:true" style="width: 500px; height: auto; ">
<div title="产品管理" data-options="iconCls:'icon-ok'"