<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="themes/icon.css" />
<link rel="stylesheet" href="themes/color.css" />
<link rel="stylesheet" type="text/css" href="themes/bootstrap/easyui.css" />
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery.easyui.min.js"></script>
<script src="js/easyui-lang-zh_CN.js"></script>
</head>
<body class="easyui-layout">
<div data-options="region:'north',title:'',split:false" style="height:50px;">
<div style="height: inherit;width: 100%; overflow: hidden;">
<div style="float: left; width: 200px;">
<img src="img/赵丽颖.jpg" width="150" height="50" />
</div>
<div style="float: right; height:50px;padding-top:25px;">
您有新(5)的消息 欢迎 XXX 登录 退出
</div>
</div>
</div>
<div data-options="region:'south',title:'',split:false" style="height:30px;text-align: center; line-height: 30px; overflow: hidden;">
QY77 2018-3-21
</div>
<div data-options="region:'west',title:'系统菜单',split:true" style="width:180px;">
<div id="aa" class="easyui-accordion" fit="true">
<div title="第一个栏目">
<ul class="easyui-tree">
<li>
<span>用户管理</span>
<ul>
<li><span>普通用户</span></li>
<li><span>Vip用户</span></li>
</ul>
</li>
<li>
<span>产品管理</span>
<ul>
<li><span>产品类型</span></li>
<li><span>经销商</span></li>
<li><span>价格定义</span>
<ul>
<li><span>高档</span></li>
<li><span>宇宙</span></li>
<li><span>忽悠客户</span></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<div title="Title2">
content3
</div>
</div>
</div>
<div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;"></div>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="themes/icon.css" />
<link rel="stylesheet" href="themes/color.css" />
<link rel="stylesheet" type="text/css" href="themes/bootstrap/easyui.css" />
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery.easyui.min.js"></script>
<script src="js/easyui-lang-zh_CN.js"></script>
</head>
<body class="easyui-layout">
<div data-options="region:'north',title:'',split:false" style="height:50px;">
<div style="height: inherit;width: 100%; overflow: hidden;">
<div style="float: left; width: 200px;">
<img src="img/赵丽颖.jpg" width="150" height="50" />
</div>
<div style="float: right; height:50px;padding-top:25px;">
您有新(5)的消息 欢迎 XXX 登录 退出
</div>
</div>
</div>
<div data-options="region:'south',title:'',split:false" style="height:30px;text-align: center; line-height: 30px; overflow: hidden;">
QY77 2018-3-21
</div>
<div data-options="region:'west',title:'系统菜单',split:true" style="width:180px;">
<div id="aa" class="easyui-accordion" fit="true">
<div title="第一个栏目">
<ul class="easyui-tree">
<li>
<span>用户管理</span>
<ul>
<li><span>普通用户</span></li>
<li><span>Vip用户</span></li>
</ul>
</li>
<li>
<span>产品管理</span>
<ul>
<li><span>产品类型</span></li>
<li><span>经销商</span></li>
<li><span>价格定义</span>
<ul>
<li><span>高档</span></li>
<li><span>宇宙</span></li>
<li><span>忽悠客户</span></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<div title="Title2">
content3
</div>
</div>
</div>
<div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;"></div>
</body>
</html>