From a3b1dd81fd03fbf6e6a3aeb05e61982272f159ec Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Wed, 2 Aug 2017 14:42:20 +0800
Subject: [PATCH] refine sidebar css

---
 src/styles/sidebar.scss      |  1 +
 src/views/layout/Layout.vue  |  3 ++-
 src/views/layout/Sidebar.vue | 15 ++++-----------
 3 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/src/styles/sidebar.scss b/src/styles/sidebar.scss
index 44588586..a41a033e 100644
--- 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
index 0318aac4..e3109603 100644
--- 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
index ac3e5ace..2c46c11e 100644
--- 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>