修复左侧菜单超出后没有滚动条的bug

This commit is contained in:
zhigang.li 2018-08-08 14:55:06 +08:00
parent 3d547388ff
commit 34102a6e37
3 changed files with 8 additions and 7 deletions

View File

@ -1,9 +1,4 @@
.side-menu-wrapper{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
.menu-collapsed{
padding-top: 10px;

View File

@ -22,6 +22,12 @@
.content-wrapper{
padding: 24px;
}
.left-sider{
.ivu-layout-sider-children{
overflow: scroll;
margin-right: -12px;
}
}
}
.ivu-menu-item > i{
margin-right: 12px !important;

View File

@ -1,7 +1,7 @@
<template>
<Layout style="height: 100%" class="main">
<Sider hide-trigger collapsible :width="256" :collapsed-width="64" v-model="collapsed">
<side-menu accordion :active-name="$route.name" :collapsed="collapsed" @on-select="turnToPage" :menu-list="menuList">
<Sider hide-trigger collapsible :width="256" :collapsed-width="64" v-model="collapsed" class="left-sider" style="overflow: hidden;">
<side-menu :active-name="$route.name" :collapsed="collapsed" @on-select="turnToPage" :menu-list="menuList">
<!-- 需要放在菜单上面的内容如Logo写在side-menu标签内部如下 -->
<div class="logo-con">
<img v-show="!collapsed" :src="maxLogo" key="max-logo" />