twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-06-07 17:07:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: update

Browse Source
This commit is contained in:
xiaoxian521 2021-11-10 07:27:50 +08:00
parent 42eb52bd88
commit 487920375b
1 changed files with 18 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
src/style/sidebar.scss
View File

@ -184,10 +184,6 @@
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
// &:hover {
// background: transparent;
// }
i { i {
font-size: 30px; font-size: 30px;
color: #1890ff; color: #1890ff;
@ -285,22 +281,17 @@
.el-menu-item, .el-menu-item,
.el-sub-menu__title { .el-sub-menu__title {
color: $menuText; color: $menuText;
&:hover {
color: $menuTitleHover !important;
}
} }
.submenu-title-noDropdown, .submenu-title-noDropdown,
.el-sub-menu__title { .el-sub-menu__title {
height: 60px; height: 60px;
background: $menuBg; background: $menuBg;
&:hover {
// background-color: transparent !important;
} }
}
// .el-menu-item.is-active {
// transition: color 0.3s;
// color: #fff;
// }
.is-active > .el-sub-menu__title, .is-active > .el-sub-menu__title,
.is-active.submenu-title-noDropdown { .is-active.submenu-title-noDropdown {
@ -319,10 +310,6 @@
} }
} }
// .is-active.submenu-title-noDropdown.outer-most {
// background: transparent;
// }
// vertical菜单折叠 // vertical菜单折叠
.el-menu--vertical { .el-menu--vertical {
.el-menu--popup { .el-menu--popup {
@ -364,10 +351,6 @@
font-size: 12px; font-size: 12px;
min-width: $sideBarWidth !important; min-width: $sideBarWidth !important;
background-color: $subMenuBg !important; background-color: $subMenuBg !important;
&:hover {
// background-color: transparent !important;
}
} }
.el-menu-item, .el-menu-item,
@ -404,12 +387,6 @@
} }
} }
// todo
.el-menu--horizontal > .el-menu-item.is-active {
transition: color 0.3s;
color: $subMenuActiveText !important;
}
// horizontal菜单 // horizontal菜单
.el-menu--horizontal { .el-menu--horizontal {
& > .el-sub-menu .el-sub-menu__icon-arrow { & > .el-sub-menu .el-sub-menu__icon-arrow {
@ -451,9 +428,9 @@
min-width: $sideBarWidth !important; min-width: $sideBarWidth !important;
background-color: $subMenuBg !important; background-color: $subMenuBg !important;
// &:hover { &:hover {
// background-color: transparent !important; color: $menuTitleHover !important;
// } }
} }
& > .el-menu { & > .el-menu {
@ -474,9 +451,19 @@
.nest-menu .el-sub-menu > .el-sub-menu__title, .nest-menu .el-sub-menu > .el-sub-menu__title,
.el-menu-item { .el-menu-item {
&:hover { &:hover {
background-color: transparent !important; color: $menuTitleHover !important;
} }
} }
// 有子集的激活菜单背景
.is-active.nest-menu {
background: $subMenuActiveBg !important;
}
.el-menu-item.is-active {
transition: color 0.3s;
color: $subMenuActiveText !important;
}
} }
.el-scrollbar__wrap { .el-scrollbar__wrap {