ChenKaiLiuG/GoEdgeAdmin
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

调整左侧主菜单顺序

Browse Source
This commit is contained in:
刘祥超
2022-05-12 11:04:37 +08:00
parent 363295e0ea
commit d46bf37726
5 changed files with 42 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -257,10 +257,19 @@ p.margin {
width: 9.5em !important;
border-radius: 0 !important;
}
.main-menu .ui.menu .item.separator {
border-top: 1px rgba(0, 0, 0, 0.15) solid;
height: 1px;
min-height: 0;
padding: 0;
}
@media screen and (max-width: 512px) {
.main-menu .ui.menu {
width: 3.6em !important;
}
.main-menu .ui.menu .item.separator {
display: none;
}
.main-menu .ui.menu .item {
padding-top: 2em;
padding-bottom: 2.4em;

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

File diff suppressed because one or more lines are too long

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

@@ -92,7 +92,7 @@
<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" v-if="subItem.isOn !== false" :href="subItem.url"><i class="icon angle right" v-if="subItem.code == teaSubMenu"></i> {{subItem.name}}
<a class="item" :class="{separator:subItem.name == '-'}" v-for="subItem in module.subItems" v-if="subItem.isOn !== false" :href="subItem.url"><i class="icon angle right" v-if="subItem.name != '-' && subItem.code == teaSubMenu"></i> <span v-if="subItem.name != '-'">{{subItem.name}}</span>
<span class="ui label tiny red" v-if="subItem.badge != null && subItem.badge > 0">
<span v-if="subItem.badge < 100">{{subItem.badge}}</span>
<span v-else>99+</span>

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

@@ -130,12 +130,25 @@ div.margin, p.margin {
.ui.menu {
width: 9.5em !important;
border-radius: 0 !important;
// menu
.item.separator {
border-top: 1px rgba(0, 0, 0, 0.15) solid;
height: 1px;
min-height: 0;
padding: 0;
}
}
}
@media screen and (max-width: 512px) {
.main-menu .ui.menu {
width: 3.6em !important;
.item.separator {
display: none;
}
}
.main-menu .ui.menu .item {