feat: 样式优化

cadecode · Jun 10, 2023 · b8a3441 · b8a3441
1 parent 8b10b17
commit b8a3441
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/src/style/sidebar.scss b/src/style/sidebar.scss
@@ -1,24 +1,26 @@
+@import './variables.scss';
+
 #app {
 
   .main-container {
+    position: relative;
     min-height: 100%;
-    transition: margin-left .28s;
     margin-left: $sideBarWidth;
-    position: relative;
+    transition: margin-left .28s;
   }
 
   .sidebar-container {
-    transition: width 0.28s;
-    width: $sideBarWidth !important;
-    background-color: $menuBg;
-    height: 100%;
     position: fixed;
-    font-size: 0px;
     top: 0;
     bottom: 0;
     left: 0;
     z-index: 1001;
+    width: $sideBarWidth !important;
+    height: 100%;
     overflow: hidden;
+    transition: width 0.28s;
+    background-color: $menuBg;
+    font-size: 0px;
 
     // reset element-ui css
     .horizontal-collapse-transition {
@@ -141,11 +143,11 @@
       .el-submenu {
         & > .el-submenu__title {
           & > span {
+            display: inline-block;
             height: 0;
             width: 0;
             overflow: hidden;
             visibility: hidden;
-            display: inline-block;
           }
         }
       }
@@ -159,12 +161,12 @@
   // mobile responsive
   .mobile {
     .main-container {
-      margin-left: 0px;
+      margin-left: 0;
     }
 
     .sidebar-container {
-      transition: transform .28s;
       width: $sideBarWidth !important;
+      transition: transform .28s;
     }
 
     &.hideSidebar {