修复左侧菜单超出后没有滚动条的bug
This commit is contained in:
parent
3d547388ff
commit
34102a6e37
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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" />
|
||||
|
|
|
|||
Loading…
Reference in New Issue