修改了左边menu css样式

src/styles/sidebar.scss

@@ -84,13 +84,12 @@
         background: linear-gradient(to right,$subMenuHover1,$subMenuHover2);
         // background-color: $subMenuHover !important;
       }
-      &:active {
-        background: linear-gradient(to right,$subMenuHover1,$subMenuHover2) !important;
-        // background-color: $subMenuHover !important;
-      }
     }
   }
-
+  .is-active .el-menu .menu-wrapper .router-link-active .is-active{
+    background: linear-gradient(to right,$subMenuHover1,$subMenuHover2);
+    color: #fff !important;
+  }
   .hideSidebar {
     .sidebar-container {
       width: 54px !important;

src/styles/variables.scss

@@ -12,7 +12,7 @@ $panGreen: #30B08F;
 $menuText:#bfcbd9;
 // $menuActiveText:#409EFF;
 $menuActiveText:#ffffff;
-$subMenuActiveText:#f4f4f5; // https://github.com/ElemeFE/element/issues/12951
+$subMenuActiveText:#ffffff; // https://github.com/ElemeFE/element/issues/12951
 
 // $menuBg:#304156;
 $menuBg:#16185f;