Tenlion/wg-basic
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整样式

Browse Source
This commit is contained in:
wanggeng 2022-07-08 11:45:08 +08:00
parent f458400c5a
commit 9054eddab2
1 changed files with 26 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
login-base/src/main/resources/templates/default-main.html
View File

@ -14,8 +14,8 @@
<link rel="stylesheet" href="assets/layuiadmin/style/default-main.css" media="all">
<style>
.system-nav-box {}
.system-nav-box .system-box {display:none;background-color: #fff; max-width: 310px;position: absolute;top: 50px;left: -50px;border: 1px solid #f6f6f6; overflow: hidden;}
.system-nav-box .system-box .system-item-list {max-width: 330px; max-height: 310px; overflow: auto; padding-bottom: 10px;}
.system-nav-box .system-box {display:none;background-color: #fff; position: absolute;top: 50px;left: -50px;border: 1px solid #f6f6f6; overflow: hidden;}
.system-nav-box .system-box .system-item-list {max-height: 310px; overflow: auto; padding-bottom: 10px;}
.system-nav-box .system-box .system-item-list .system-item {background-color: red; color: #FFF; text-align: left; width: 60px; height: 60px; margin-left: 10px; margin-top: 10px; padding: 15px;border-bottom: 1px solid #f6f6f6; float: left}
.system-nav-box .system-box .system-item-list .system-item .icon {text-align: center; line-height: 40px;}
.system-nav-box .system-box .system-item-list .system-item .icon i{font-size: 30px;}
@ -267,15 +267,30 @@
});
/** 左浮动菜单 end **/
/**
* 系统导航
*/
$('.system-nav-box').on('mouseover', function() {
$('.system-box').show();
});
$('.system-nav-box').on('mouseout', function() {
$('.system-box').hide();
});
/** 系统导航 start **/
if($('.system-nav-box')) {
var systemItems = $('.system-item');
if (systemItems.length == 1) {
$('.system-nav-box .system-box').css('width', '110px');
$('.system-nav-box .system-box .system-item-list').css('width', '130px');
} else if(systemItems.length == 2) {
$('.system-nav-box .system-box').css('width', '210px');
$('.system-nav-box .system-box .system-item-list').css('width', '230px');
} else {
$('.system-nav-box .system-box').css('width', '310px');
$('.system-nav-box .system-box .system-item-list').css('width', '330px');
}
// 监听事件
$('.system-nav-box').on('mouseover', function() {
$('.system-box').show();
});
$('.system-nav-box').on('mouseout', function() {
$('.system-box').hide();
});
}
/** 系统导航 start **/
});
</script>
</body>