TRKJ/EdgeAdmin
2
0
Fork 0
mirror of https://github.com/TeaOSLab/EdgeAdmin.git synced 2026-02-12 09:45:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化左侧菜单显示

Browse Source
This commit is contained in:
刘祥超
2021-03-28 14:47:21 +08:00
parent 7a24a69223
commit 658c5ae6dd
5 changed files with 45 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/views/@default/@layout.css
View File

@@ -201,8 +201,18 @@ p.margin {
.main-menu .ui.labeled.icon.menu .item {
font-size: 0.9em;
}
.main-menu .ui.menu .item .subtitle {
display: none;
}
.main-menu .ui.menu .item.expend .subtitle {
display: block;
font-size: 10px;
padding-left: 2.0em;
margin-top: 0.5em;
color: grey;
}
.main-menu .ui.menu .sub-items .item {
padding-left: 2.82em !important;
padding-left: 2.8em !important;
}
.main-menu .ui.menu .sub-items .item.active {
background-color: #2185d0 !important;

2
web/views/@default/@layout.css.map
View File

File diff suppressed because one or more lines are too long

3
web/views/@default/@layout.html
View File

@@ -74,12 +74,13 @@
<!-- 模块 -->
<div v-for="module in teaModules">
<a class="item" :href="Tea.url(module.code)" :class="{active:teaMenu == module.code && teaSubMenu.length == 0, separator:module.code.length == 0}">
<a class="item" :href="Tea.url(module.code)" :class="{active:teaMenu == module.code && teaSubMenu.length == 0, separator:module.code.length == 0, expend: teaMenu == module.code}">
<span v-if="module.code.length > 0">
<i class="window restore outline icon" v-if="module.icon == null"></i>
<i class="ui icon" v-if="module.icon != null" :class="module.icon"></i>
<span>{{module.name}}</span>
</span>
<div class="subtitle" v-if="module.subtitle != null && module.subtitle.length > 0">{{module.subtitle}}</div>
</a>
<div v-if="teaMenu == module.code" class="sub-items">
<a class="item" v-for="subItem in module.subItems" :href="subItem.url" :class="{active:subItem.code == teaSubMenu}">{{subItem.name}}</a>

12
web/views/@default/@layout.less
View File

@@ -146,12 +146,22 @@ div.margin, p.margin {
.main-menu {
.ui.menu {
.item {
.subtitle {
display: none;
}
}
.item.expend .subtitle {
display: block;
font-size: 10px;
padding-left: 2.0em;
margin-top: 0.5em;
color: grey;
}
.sub-items {
.item {
padding-left: 2.82em !important;
padding-left: 2.8em !important;
}
.item.active {