style: 侧边栏hover样式调整

songshankun

2023-09-22 464303ce6bd30ad9a2aad5bc0b1c0be008986598

style: 侧边栏hover样式调整

 src/components/layout/components/appsidebar/index.scss

@@ -8,18 +8,44 @@
      margin: 40px 20px 10px;
    }
    .el-menu {
      border-right: solid 0px #e6e6e6;
    }
    .el-submenu .el-menu-item {
      min-width: none;
      border-right: solid 0 #e6e6e6;
    }
    .icon {
      color: #bfcbd9;
    }

    .el-submenu__title:hover,
    .el-menu-item:focus,
    .el-menu-item:hover {
      background-color: cornflowerblue;
      background-color: #011527 !important;
    }

    ::v-deep{
      .el-menu .el-submenu .el-submenu__title:hover{
        background-color: #011527 !important;
      }
    }

    .el-submenu .el-menu-item {
      width: 178px;
      min-width: 178px;
      height: 38px;
      display: flex;
      align-items: center;
      margin-left: 11px;
      border-radius: 6px;

      &.is-active {
        color: #fff !important;
        flex-grow: 0;
        fill: #fff !important;
        background: #2a78fb !important;
        i {
          color: #fff;
        }

      }
    }
  }
}