t调整菜单

wjt

2024-06-18 aa3d3ad8fdb71c9cdbc05ae46270cbcddff0a6f1

 src/assets/styles/sidebar.scss

@@ -87,12 +87,13 @@
    // menu hover

    .sub-menu-title-noDropdown,

    .el-sub-menu__title {

      background-color: $base-menu-background !important;

      &:hover {

        // background-color: rgba(0, 0, 0, 0.06) !important;

        background-color: $base-sub-menu-hover !important;

      }

    }



    
    .el-menu-item, 

    .submenu-title-noDropdown{

      &:hover{

@@ -102,10 +103,17 @@


    & .theme-dark .is-active > .el-sub-menu__title {

      // color: $base-menu-color-active;

      color: var(--el-menu-active-color) !important;

      // background-color: red !important;

      color: white;

      // color: var(--el-menu-active-color) !important;

      background-color: $base-menu-background !important;

    }



    & .theme-dark .el-menu .is-opened {

      .el-sub-menu{

        .el-sub-menu__title{

          background-color:  rgba(31, 45, 61, 1) !important;

        }

      }

    }

    & .nest-menu .el-sub-menu>.el-sub-menu__title,

    & .el-sub-menu .el-menu-item {

      // min-width: $base-sidebar-width !important;

@@ -120,7 +128,7 @@
      background-color: $base-sub-menu-background ;



      &:hover {

        background-color: $base-sub-menu-hover !important;

        // background-color: $base-sub-menu-hover !important;

      }

    }



@@ -128,6 +136,11 @@
      // color: $base-menu-color-active !important;

      background-color: $base-menu-light-background !important;

      // border-left: 3px solid $--color-primary;

      color: white;

      &:hover {

        background-color: $base-menu-light-background !important;

        color: white;

      }

    }