refactor:add scroll-bar to sidebar

src/views/layout/components/Navbar.vue

@@ -2,7 +2,7 @@
   <el-menu class="navbar" mode="horizontal">
     <hamburger class="hamburger-container" :toggleClick="toggleSideBar" :isActive="sidebar.opened"></hamburger>
 
-    <levelbar></levelbar>
+    <levelbar class="levelbar-container"></levelbar>
 
     <div class="right-menu">
 
@@ -111,6 +111,9 @@ export default {
     float: left;
     padding: 0 10px;
   }
+  .levelbar-container{
+    float: left;
+  }
   .errLog-container {
     display: inline-block;
     vertical-align: top;

src/views/layout/components/Sidebar.vue

@@ -1,14 +1,19 @@
 <template>
-  <el-menu mode="vertical" unique-opened :default-active="$route.path" :collapse="isCollapse" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b">
-    <sidebar-item :routes='permission_routers'></sidebar-item>
-  </el-menu>
+  <scroll-bar>
+    <el-menu mode="vertical" unique-opened :default-active="$route.path" :collapse="isCollapse" background-color="#545c64" text-color="#fff"
+      active-text-color="#ffd04b">
+      <sidebar-item :routes='permission_routers'></sidebar-item>
+    </el-menu>
+  </scroll-bar>
 </template>
 
 <script>
 import { mapGetters } from 'vuex'
 import SidebarItem from './SidebarItem'
+import ScrollBar from '@/components/ScrollBar'
+
 export default {
-  components: { SidebarItem },
+  components: { SidebarItem, ScrollBar },
   computed: {
     ...mapGetters([
       'permission_routers',