This commit is contained in:
@QQNZX 2024-02-27 09:12:28 +08:00
parent e47d92d168
commit 99358ea32b
4 changed files with 51 additions and 53 deletions

View File

@ -110,52 +110,52 @@
}
.hideSidebar {
.sidebar-container {
width: 54px !important;
}
.main-container {
margin-left: 54px;
}
.submenu-title-noDropdown {
padding: 0 !important;
position: relative;
.el-tooltip {
padding: 0 !important;
.svg-icon {
margin-left: 20px;
}
}
}
.el-submenu {
overflow: hidden;
&>.el-submenu__title {
padding: 0 !important;
.svg-icon {
margin-left: 20px;
}
}
}
.el-menu--collapse {
.el-submenu {
&>.el-submenu__title {
&>span {
height: 0;
width: 0;
overflow: hidden;
visibility: hidden;
display: inline-block;
}
}
}
}
//.sidebar-container {
// width: 54px !important;
//}
//
//.main-container {
// margin-left: 54px;
//}
//
//.submenu-title-noDropdown {
// padding: 0 !important;
// position: relative;
// .el-tooltip {
// padding: 0 !important;
//
// .svg-icon {
// margin-left: 20px;
// }
// }
//}
//
//.el-submenu {
// overflow: hidden;
//
// &>.el-submenu__title {
// padding: 0 !important;
//
// .svg-icon {
// margin-left: 20px;
// }
//
// }
//}
//
//.el-menu--collapse {
// .el-submenu {
// &>.el-submenu__title {
// &>span {
// height: 0;
// width: 0;
// overflow: hidden;
// visibility: hidden;
// display: inline-block;
// }
// }
// }
//}
}
.el-menu--collapse .el-menu .el-submenu {

View File

@ -2,8 +2,8 @@
<div class="sidebar-logo-container" :class="{'collapse':collapse}" :style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }">
<transition name="sidebarLogoFade">
<router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
<img v-if="logo" :src="logo" class="sidebar-logo" />
<h1 v-else class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1>
<img :src="logo" class="sidebar-logo" />
<h1 class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1>
<!-- <h1 v-else class="sidebar-title" style="color: #00ff80" >{{ title }} </h1>-->
</router-link>
<router-link v-else key="expand" class="sidebar-logo-link" to="/">

View File

@ -7,6 +7,7 @@
</div>
<el-scrollbar :class="settings.sideTheme" wrap-class="scrollbar-wrapper">
<el-menu
:default-active="activeMenu"
:collapse="isCollapse"
:background-color="settings.sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground"
@ -14,7 +15,7 @@
:unique-opened="true"
:active-text-color="settings.theme"
:collapse-transition="false"
mode="vertical"
mode="horizontal "
style="margin-bottom: 80px;"
>
<sidebar-item

View File

@ -293,10 +293,7 @@ export default {
// /
toggleExpandAll() {
this.refreshTable = false;
this.isExpandAll = !this.isExpandAll;
this.$nextTick(() => {
this.refreshTable = true;
});
},
//
handleUpdate(row) {