菜单宽度样式修改

src/components/common/Menu.vue

@@ -41,7 +41,7 @@
 </script>
 
 <style lang="less" scoped>
-  .el-menu-vertical-demo {
+  /*.el-menu-vertical-demo {
     min-width: 300px;
-  }
+  }*/
 </style>

src/less/common.less

@@ -7,6 +7,7 @@
 /*公共变量*/
 @disableColor: #ccc;
 @aside-width: 20%;
+@aside-min-width:245px;
 @header-height: 60px;
 @gray: #c9c9c9;
 @baseBackage: #dee2ea;
@@ -37,13 +38,14 @@
 
 .el-aside {
   background: #fff;
+  min-width: @aside-min-width;
   width: @aside-width !important;
   min-height: 220px;
   border-right: 1px @gray solid;
   height: 100%;
   .logo {
-    width: 100%;
-    min-width: 300px;
+    /*width: 100%;
+    min-width: 300px;*/
     text-align: center;
     color: #fff;
     height: @header-height;