Browse Source

优化

master
zhaoyongnian 4 years ago
parent
commit
d912463bc7
  1. 9
      src/views/main-sidebar-sub-menu.vue
  2. 17
      src/views/main-sidebar.vue

9
src/views/main-sidebar-sub-menu.vue

@ -69,7 +69,12 @@ export default {
// .aui-sidebar .aui-sidebar__inner .el-menu .el-submenu .el-menu{ // .aui-sidebar .aui-sidebar__inner .el-menu .el-submenu .el-menu{
// background: red !important; // background: red !important;
// } // }
.el-menu.el-menu--inline .el-menu-item{ // .el-menu.el-menu--inline .el-menu-item{
// background-color: #191A2B !important;
// }
.el-menu-item.is-active {
background: linear-gradient(90deg, #1A5AFD, #26C4FF) !important; background: linear-gradient(90deg, #1A5AFD, #26C4FF) !important;
} font-size: 14px;
font-weight: bold;
}
</style> </style>

17
src/views/main-sidebar.vue

@ -6,6 +6,7 @@
:unique-opened="true" :unique-opened="true"
:collapseTransition="false" :collapseTransition="false"
class="aui-sidebar__menu" class="aui-sidebar__menu"
background-color="#2D2E42"
text-color="#fff" text-color="#fff"
active-text-color="#fff"> active-text-color="#fff">
<sub-menu v-for="menu in routeList_C" <sub-menu v-for="menu in routeList_C"
@ -164,17 +165,13 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.aui-sidebar__menu{ // .aui-sidebar__menu{
background: linear-gradient(90deg, #1A5AFD, #26C4FF); // background: #2D2E42;
} // }
.is-active { .is-active {
background: #1A5AFD !important; background: linear-gradient(90deg, #1A5AFD, #26C4FF) !important;
} font-size: 14px;
/deep/ .el-submenu__title:hover { font-weight: bold;
background-color: #1A5AFD !important;
}
/deep/ .el-menu-item:hover {
background-color: #1A5AFD !important;
} }
.aui-sidebar__inner{ .aui-sidebar__inner{
background: #2D2E42; background: #2D2E42;

Loading…
Cancel
Save