easyUI首页布局
轩辕晔
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="edge" />
<title></title>
<link href="__PUBLIC__/lib/easyui/themes/{:C('THEME_NAME')}/easyui.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/lib/easyui/themes/{:C('THEME_NAME')}/easyui_animation.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/lib/easyui/themes/{:C('THEME_NAME')}/easyui_plus.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/lib/easyui/themes/{:C('THEME_NAME')}/insdep_theme_default.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/lib/easyui/themes/{:C('THEME_NAME')}/icon.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="__PUBLIC__/lib/easyui/jquery.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/lib/easyui/jquery.easyui-1.5.1.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/lib/easyui/themes/{:C('THEME_NAME')}/jquery.insdep-extend.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/lib/easyui/jquery.easyui-extend.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/lib/easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="__PUBLIC__/lib/easyui/config.js"></script>
<script type="text/javascript" src="__PUBLIC__/lib/easyui/base-loading.js"></script>
<script type="text/javascript" src="__PUBLIC__/lib/easyui/common.js"></script>
<script type="text/javascript" src="__PUBLIC__/lib/echarts/echarts.js"></script>
<block name="Css"></block>
</head>
<body>
<div id="master-layout">
<div data-options="region:'north',border:false,bodyCls:'theme-header-layout'">
<div class="theme-navigate">
<div class="left">
<!-- a href="#" class="easyui-menubutton theme-navigate-user-button" data-options="menu:'.theme-navigate-user-panel'">{$BaseStaffName}</a>-->
<!--<a href="#" class="easyui-linkbutton">开始</a>-->
<!--用户面板-->
<!-- div class="theme-navigate-user-panel">
<dl>
<dd>
<img src="https://cdn.insdep.com/themes/1.0.0/images/portrait86x86.png" width="86" height="86">
<b class="badge-prompt">{$BaseStaffName}<i class="badge color-important">10</i></b>
<span>{$BaseUserName}</span>
<span>{$BaseOrgName}</span>
<p>安全等级：<i class="text-success">高</i></p>
</dd>
<dt>
<a class="theme-navigate-user-modify">修改资料</a>
<a class="theme-navigate-user-logout" href="{:U('Public/logout')}">注销</a>
</dt>
</dl>
</div>-->
<!--end 用户面板-->
<a href="{:U('Member/logout')}" class="easyui-linkbutton">退出</a>
</div>
<div class="right"></div>
</div>
<!--end theme-navigate 导航条-->
</div>
<div data-options="region:'center',border:false, loadingMessage: '正在加载中...'" id="control">
<div id="tt" class="easyui-tabs" data-options="tabPosition:'left', fit:true">
<div title="title1" style="padding:10px" data-options="href:'{:U('Price/compare')}'">
</div>
<div title="title2" data-options="iconCls:'icon-cart',href:'{:U('price/purchase')}'" style="padding:10px" >
</div>
</div>
</div>
<!--end region:'center'-->
</div>
<!--end master-layout-->
<script>
$("#tt").tabs({
tabPosition:'left',
fit:true,
onSelect:function(){
var selectTab = $('#tt').tabs('getSelected');
// console.log(selectTab);
var index = $('#tt').tabs('getTabIndex',selectTab);
$('#tt').tabs('update', {
tab : selectTab,
options : {
// href : url
}
});
}
})
function refreshTab(){
}
$(function () {
/*布局部分*/
$('#master-layout').layout({
fit: true/*布局框架全屏*/
});
});
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="edge" />
<title></title>
<link href="__PUBLIC__/lib/easyui/themes/{:C('THEME_NAME')}/easyui.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/lib/easyui/themes/{:C('THEME_NAME')}/easyui_animation.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/lib/easyui/themes/{:C('THEME_NAME')}/easyui_plus.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/lib/easyui/themes/{:C('THEME_NAME')}/insdep_theme_default.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/lib/easyui/themes/{:C('THEME_NAME')}/icon.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="__PUBLIC__/lib/easyui/jquery.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/lib/easyui/jquery.easyui-1.5.1.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/lib/easyui/themes/{:C('THEME_NAME')}/jquery.insdep-extend.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/lib/easyui/jquery.easyui-extend.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/lib/easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="__PUBLIC__/lib/easyui/config.js"></script>
<script type="text/javascript" src="__PUBLIC__/lib/easyui/base-loading.js"></script>
<script type="text/javascript" src="__PUBLIC__/lib/easyui/common.js"></script>
<script type="text/javascript" src="__PUBLIC__/lib/echarts/echarts.js"></script>
<block name="Css"></block>
</head>
<body>
<div id="master-layout">
<div data-options="region:'north',border:false,bodyCls:'theme-header-layout'">
<div class="theme-navigate">
<div class="left">
<!-- a href="#" class="easyui-menubutton theme-navigate-user-button" data-options="menu:'.theme-navigate-user-panel'">{$BaseStaffName}</a>-->
<!--<a href="#" class="easyui-linkbutton">开始</a>-->
<!--用户面板-->
<!-- div class="theme-navigate-user-panel">
<dl>
<dd>
<img src="https://cdn.insdep.com/themes/1.0.0/images/portrait86x86.png" width="86" height="86">
<b class="badge-prompt">{$BaseStaffName}<i class="badge color-important">10</i></b>
<span>{$BaseUserName}</span>
<span>{$BaseOrgName}</span>
<p>安全等级：<i class="text-success">高</i></p>
</dd>
<dt>
<a class="theme-navigate-user-modify">修改资料</a>
<a class="theme-navigate-user-logout" href="{:U('Public/logout')}">注销</a>
</dt>
</dl>
</div>-->
<!--end 用户面板-->
<a href="{:U('Member/logout')}" class="easyui-linkbutton">退出</a>
</div>
<div class="right"></div>
</div>
<!--end theme-navigate 导航条-->
</div>
<div data-options="region:'center',border:false, loadingMessage: '正在加载中...'" id="control">
<div id="tt" class="easyui-tabs" data-options="tabPosition:'left', fit:true">
<div title="title1" style="padding:10px" data-options="href:'{:U('Price/compare')}'">
</div>
<div title="title2" data-options="iconCls:'icon-cart',href:'{:U('price/purchase')}'" style="padding:10px" >
</div>
</div>
</div>
<!--end region:'center'-->
</div>
<!--end master-layout-->
<script>
$("#tt").tabs({
tabPosition:'left',
fit:true,
onSelect:function(){
var selectTab = $('#tt').tabs('getSelected');
// console.log(selectTab);
var index = $('#tt').tabs('getTabIndex',selectTab);
$('#tt').tabs('update', {
tab : selectTab,
options : {
// href : url
}
});
}
})
function refreshTab(){
}
$(function () {
/*布局部分*/
$('#master-layout').layout({
fit: true/*布局框架全屏*/
});
});
</script>
</body>
</html>
类似资料：