修改左侧菜单收缩

master
zengwh 6 years ago
parent c17bcef9b6
commit 0040e107f5

@ -21,24 +21,43 @@
}
.indexSelected{
background-color: #1E2D3B;
color: #fff!important;
}
.modleSelected {
font-weight: bold;
font-size: 16px;
}
.navbar-custom-menu{
padding-right:17px;
}
#indexTreeMenu:hover{
.sidebar-mini:not(.sidebar-collapse) #indexTreeMenu:hover{
overflow-y: auto;
overflow-x: hidden;
}
#indexTreeMenu::-webkit-scrollbar{
.sidebar-mini:not(.sidebar-collapse) #indexTreeMenu::-webkit-scrollbar{
display: none;
}
.main-sidebar{
padding-top: 40px!important;
.navbar-custom-menu{
padding-right:17px;
}
.row-fluid{
overflow-y: hidden;
}
.sidebar-mini.sidebar-collapse #indexTreeMenu li>a{
height: 44px;
}
.sidebar-mini.sidebar-collapse #indexTreeMenu .pull-right-container{
margin-top:0;
}
.sidebar-mini.sidebar-collapse #indexTreeMenu .modleSelected .pull-right-container{
margin-top: -6px;
}
@media (min-width: 768px) {
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
display: block !important;
position: absolute;
width: 203px;
left: 50px;
}
}
.home-menu:hover .dropdown-menu {display: block;}
</style>
</head>
@ -112,7 +131,12 @@
for (var i = 0; i < list.length; i++) {
if (list[0].deptId == list[i].deptId) {
if (list[i].methodParent != 0 && (list[i].menuUrl == "#" || list[i].menuUrl == "" || list[i].menuUrl == null)) {
var mulLi = newLiFun();
var mulLi = '';
if(list.length > 1 && i == 1){
mulLi = newLiFun(true);
}else{
mulLi = newLiFun(false);
}
var mulA = '';
//是第一个默认选中
if(i == 1){
@ -171,7 +195,7 @@
});
});
</script>
<body class="skin-blue" data-spy="scroll" data-target="#scrollspy">
<body class="hold-transition skin-blue sidebar-mini" data-spy="scroll" data-target="#scrollspy" scroll="no">
<input type="hidden" id="POWER_URLHEAD" value="${POWER_URLHEAD}">
<input type="hidden" id="POWER_JSP" value="${POWER_JSP}">
<input type="hidden" id="webSocketUrl" value="${WEBSOCKET_URLHEAD}">
@ -198,7 +222,7 @@
<li class="user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" onclick="noticeManage1(-1)">
<span class="label label-warning" id="noticeCount">0</span>
<i class="fa fa-envelope-o" style="font-size: 21px;"></i>
<i class="fa fa-envelope-o" style="font-size: 20px;"></i>
</a>
</li>
<li class="user user-menu">
@ -229,8 +253,8 @@
</c:choose>
</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-home" style="font-size: 21px"></i></a>
<li class="home-menu">
<a href="${POWER_URLHEAD}/gatewayPage"><i class="fa fa-home" style="font-size: 20px" title="点击返回主页"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="${POWER_URLHEAD}/gatewayPage">返回主页</a></li>
<li class="divider"></li>
@ -382,7 +406,7 @@
var footerHeight = ($(".main-footer").height() || 0) + 31;
var windowHeight = $(window).height();
$("#iFrame1").css("height", windowHeight - headerHeight - footerHeight - 32);
$("#indexTreeMenu").css("height",windowHeight - headerHeight);
$("#indexTreeMenu").css("max-height",windowHeight - headerHeight - 10);
})
</script>
</body>

File diff suppressed because one or more lines are too long

@ -1,16 +1,23 @@
function indexSelected(_this){
$("#indexTreeMenu li").removeClass("active");
$("ul.treeview-menu").find("a").removeClass("indexSelected");
$("#indexTreeMenu .treeview").find("a").removeClass("modleSelected");
$(_this).addClass("indexSelected");
$(_this).parent().parent().siblings().addClass('modleSelected');
$(_this).parent().parent().parent().addClass("active");
}
/*========================menu========================*/
function newUlFun(){
var newUl = $("<ul class=\"treeview-menu\" style=\"display: block;\"></ul>");
return newUl;
}
function newLiFun(){
var newLi=$("<li class=\"treeview menu-open\"></li>");
function newLiFun(defaultModleSelected){
var newLi = '';
if(defaultModleSelected){
newLi = $("<li class='treeview menu-open active'></li>");
}else{
newLi=$("<li class=\"treeview menu-open\"></li>");
}
return newLi;
}
function newAFun(aName, iconCss,defaultModleSelected){
@ -24,7 +31,7 @@ function newAFun(aName, iconCss,defaultModleSelected){
subIcon.addClass(iconCss);
var subSpan = $("<span class=\"pull-right-container\"><i class='fa fa-angle-left pull-right'></i></span>");
newA.append(subIcon);
newA.append(aName);
newA.append("<span>" + aName + "</span>");
newA.append(subSpan);
return newA;
}

Loading…
Cancel
Save