zhouchijian
/
fe-drone-ci
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/styles/sidebar.scss
View File

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

3
src/views/layout/Layout.vue
View File

@ -50,7 +50,8 @@
bottom: 0; bottom: 0;
left: 0; left: 0;
z-index: 1001; z-index: 1001;
background: red; overflow-y: auto;
&::-webkit-scrollbar {display:none}
} }
.main-container { .main-container {
min-height: 100%; min-height: 100%;

11
src/views/layout/Sidebar.vue
View File

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