refine sidebar css

zwdrobert · Aug 2, 2017 · a3b1dd8 · a3b1dd8
1 parent c96bdeb
commit a3b1dd8
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 12 deletions.
diff --git a/src/styles/sidebar.scss b/src/styles/sidebar.scss
@@ -1,6 +1,7 @@
 // 侧边栏
 .sidebar-container>.el-menu {
   width: 100%!important;
+  min-height: 100%;
 }
 
 .sidebar-container .svg-icon {

diff --git a/src/views/layout/Layout.vue b/src/views/layout/Layout.vue
@@ -50,7 +50,8 @@
 			bottom: 0;
 			left: 0;
 			z-index: 1001;
-			background: red;
+			overflow-y: auto;
+ 			&::-webkit-scrollbar {display:none}
 		}
 		.main-container {
 			min-height: 100%;

diff --git a/src/views/layout/Sidebar.vue b/src/views/layout/Sidebar.vue
@@ -1,11 +1,10 @@
 <template>
-<div>
-	<el-menu mode="vertical" theme="dark" :default-active="$route.path" :collapse="isCollapse">
-		 <sidebar-item :routes='permission_routers'></sidebar-item>
-	</el-menu>
-  </div>
+    <el-menu mode="vertical" theme="dark" unique-opened :default-active="$route.path" :collapse="isCollapse">
+      <sidebar-item :routes='permission_routers'></sidebar-item>
+    </el-menu>
 </template>
 
+
 <script>
   import { mapGetters } from 'vuex';
   import SidebarItem from './SidebarItem';
@@ -22,9 +21,3 @@
     }
   }
 </script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-	.el-menu {
-			min-height: 100%;
-	}
-</style>