增加收缩状态

Author: bigrocs

src/components/Layout.vue

@@ -47,10 +47,34 @@
     position: relative;
     overflow: hidden;
     display: -webkit-box;
+    /* 收缩侧栏后的样式begin */
     &.hideSidebar {
       >.layout-sidebar-left {
         width: 50px;
         >.sidebar-container {
+          >.el-menu--dark {
+            >.el-submenu{
+              >.el-submenu__title{
+                >span{
+                  display: none;
+                }
+                >.el-submenu__icon-arrow{
+                  display: none;
+                }
+              }
+              >.el-menu{
+                display: none;
+              }
+              &:hover{
+                >.el-menu{
+                  display: block;
+                  position: absolute;
+                  left: 50px;
+                }
+              }
+            }
+            overflow-x:visible;
+          }
           >.layout-logo-lg{
             display: none;
           }
@@ -63,6 +87,7 @@
         }
       }
     }
+    /* 收缩侧栏后的样式end */
   }
   .layout-sidebar-left{
     width: 200px;

src/components/Layout/Sidebar.vue

@@ -81,6 +81,7 @@
     overflow-x: hidden;
     @include scrollBar;
   }
+  /** 对饿了么菜单框架配色进行调整bengin **/
   .el-menu {
     border-radius: 0px;
   }
@@ -104,4 +105,6 @@
   .el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item.is-active, .el-menu-item.is-active{
     color:#fff;
   }
+  /** 对饿了么菜单框架配色进行调整end **/
+
 </style>