<li class="layui-nav-item">
<a href="javascript:;">其它系统</a>
<dl class="layui-nav-child">
<dd><a href="">邮件管理</a></dd>
<dd><a href="">消息管理</a></dd>
<dd><a href="">授权管理</a>
<div class="list-3">
<div class="list-3Dom"><option value="33">三级栏目</option></div>
<div class="list-3Dom">三级栏目</div>
<div class="list-3Dom">三级栏目</div>
</div>
</dd>
</dl>
</li>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>AWS PASS</title>
<link rel="stylesheet" href="../commons/css/layui.css">
<link rel="stylesheet" type="text/css" href="../commons/css/awsui.css"/>
<script type="text/javascript" src="../commons/js/jquery/scripts/jquery.js"></script>
<script type="text/javascript" src="../commons/js/awsui.js"></script>
<script type="text/javascript">
//打开功能
function navUrl(url){
if(url==''){
}else{
mainFrame.location=url;
}
}
//退出账户
function logout(){
frmMain.cmd.value="com.awspaas.user.apps.mytheam_portal_logout";
frmMain.target="_self";
frmMain.submit();
}
//自动适应浏览器窗口
$(document).ready(function() {
$("#mainFrame").height($(window).height()-45);
$("#mainFrame").width($(window).width());
$("#select-function").width(300);
});
</script>
<style type="text/css">
.layui-nav-child dd{
position: relative;
}
.layui-nav-child dd:hover .list-3 {
display: block;
}
.list-3 {
width: 160px;
height: auto;
position: absolute;
left: 100%;
top: 0px;
display: none;
border: 1px solid gray;
}
.list-3Dom {
color: #000;
width: 160px;
height: 40px;
background: #fff;
border-bottom:1px dashed #666;
text-align: center;
line-height: 40px;
}
</style>
</head>
<body class="layui-layout-body">
<form id="frmMain" name="frmMain">
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<div class="layui-logo">AWS PASS</div>
<!-- 头部区域（可配合layui已有的水平导航）start -->
<ul class="layui-nav layui-layout-left">
<!-- COPY -->
<li class="layui-nav-item">
<a href="javascript:;">其它系统</a>
<dl class="layui-nav-child">
<dd><a href="">邮件管理</a></dd>
<dd><a href="">消息管理</a></dd>
<dd><a href="">授权管理</a>
<div class="list-3">
<div class="list-3Dom"><option value="33">三级栏目</option></div>
<div class="list-3Dom">三级栏目</div>
<div class="list-3Dom">三级栏目</div>
</div>
</dd>
</dl>
</li>
<#catalog0>
<#catalog1>
<#catalog2>
<#catalog3>
<#catalog4>
<#catalog5>
<#catalog6>
<#catalog7>
<#catalog8>
<#catalog9>
<#catalog10>
<#catalog11>
<#catalog12>
<#catalog13>
<#catalog14>
<#catalog15>
<!-- END -->
</ul>
<!-- 头部区域（可配合layui已有的水平导航）end -->
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item">
<a href="javascript:;">
<img src="http://t.cn/RCzsdCq" class="layui-nav-img">
<#userInfo>
</a>
<dl class="layui-nav-child">
<dd><a href="">修改登录口令</a></dd>
<dd><a href="">完善联系信息</a></dd>
<dd><a href="">修改个人头像</a></dd>
<dd><a href="">查看登录日志</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="" onclick="logout();return false;">退出</a></li>
</ul>
</div>
<!-- 内容主体区域 -->
<div style="padding: 1px;">
<iframe src="" id="mainFrame" name="mainFrame" width="100%">
</iframe>
<input type="hidden" name="cmd"/>
<input type="hidden" name="sid" value="<#sid>"/>
</div>
</div>
<script src="../commons/js/layui.js"></script>
<script>
//JavaScript代码区域
layui.use('element', function(){
var element = layui.element;
});
</script>
</form>
</body>
</html>
网友评论