diff --git a/h5-enginex-manager/src/styles/index.scss b/h5-enginex-manager/src/styles/index.scss
index 7b1379b..705b1a5 100644
--- a/h5-enginex-manager/src/styles/index.scss
+++ b/h5-enginex-manager/src/styles/index.scss
@@ -1,8 +1,9 @@
-@import './variables.scss';
-@import './mixin.scss';
-@import './transition.scss';
-@import './element-ui.scss';
-@import './sidebar.scss';
+
+@use './mixin.scss';
+@use './transition.scss';
+@use './element-ui.scss';
+@use './variables.scss';
+@use './sidebar.scss';
 
 body {
   -moz-osx-font-smoothing: grayscale;
diff --git a/h5-enginex-manager/src/styles/sidebar.scss b/h5-enginex-manager/src/styles/sidebar.scss
index d69c434..03331af 100644
--- a/h5-enginex-manager/src/styles/sidebar.scss
+++ b/h5-enginex-manager/src/styles/sidebar.scss
@@ -1,3 +1,5 @@
+@use './variables.scss';
+
 #app {
 
   // 主体区域
@@ -69,9 +71,9 @@
   .sidebar-container .nest-menu .el-submenu>.el-submenu__title,
   .sidebar-container .el-submenu .el-menu-item {
     min-width: 180px !important;
-    background-color: $subMenuBg !important;
+    background-color: variables.$subMenuBg !important;
     &:hover {
-      background-color: $menuHover !important;
+      background-color: variables.$menuHover !important;
     }
   }
   .el-menu--collapse .el-menu .el-submenu {