Browse Source

优化

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

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

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

17
src/views/main-sidebar.vue

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

Loading…
Cancel
Save