样式修改

gaoluyang

2025-05-07 80fc36a101ea26ff0eb0b41ee389f44084781469

 src/assets/styles/sidebar.scss

@@ -5,6 +5,7 @@
    transition: margin-left .28s;

    margin-left: $base-sidebar-width;

    position: relative;

    background: #F5F7FB;

  }



  .sidebarHide {

@@ -82,12 +83,11 @@
    .sub-menu-title-noDropdown,

    .el-sub-menu__title {

      &:hover {

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

        background-color: rgba(212,221,255,0.56) !important;

      }

    }



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

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

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

      color: #000000 !important;

    }



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

@@ -95,16 +95,19 @@
      min-width: $base-sidebar-width !important;



      &:hover {

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

        background-color: rgba(212,221,255,0.56) !important;

      }

      &.is-active {

        background-color: rgba(212,221,255,0.56) !important;

      }

    }



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

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

      background-color: $base-sub-menu-background;

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

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

      //background-color: transparent;



      &:hover {

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

        background-color: rgba(212,221,255,0.56) !important;

      }

    }

  }

@@ -130,7 +133,6 @@
        }

      }

    }



    .el-sub-menu {

      overflow: hidden;



@@ -211,7 +213,10 @@
  .el-menu-item {

    &:hover {

      // you can use $sub-menuHover

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

      background-color: rgba(212,221,255,0.56) !important;

    }

    &.is-active {

      background-color: rgba(212,221,255,0.56) !important;

    }

  }