refine sidebar css

This commit is contained in:
Pan 2017-08-02 14:42:20 +08:00
parent c96bdeb99d
commit a3b1dd81fd
3 changed files with 7 additions and 12 deletions

View file

@ -1,6 +1,7 @@
// 侧边栏
.sidebar-container>.el-menu {
width: 100%!important;
min-height: 100%;
}
.sidebar-container .svg-icon {

View file

@ -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%;

View file

@ -1,11 +1,10 @@
<template>
<div>
<el-menu mode="vertical" theme="dark" :default-active="$route.path" :collapse="isCollapse">
<el-menu mode="vertical" theme="dark" unique-opened :default-active="$route.path" :collapse="isCollapse">
<sidebar-item :routes='permission_routers'></sidebar-item>
</el-menu>
</div>
</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>