fix: the style problem caused by SideMenu.vue overflow; 🐛

修复：SideMenu.vue 组件溢出导致的样式问题；
2020-07-31 22:22:10 +08:00
parent 182ea21a29
commit 55358b4107
4 changed files with 5 additions and 4 deletions
--- a/src/components/menu/SideMenu.vue
+++ b/src/components/menu/SideMenu.vue
@@ -1,5 +1,5 @@
 <template>
-  <a-layout-sider :theme="sideTheme" :class="['side-menu', isMobile ? null : 'shadow']" width="256px" :collapsible="collapsible" v-model="collapsed" :trigger="null">
+  <a-layout-sider :theme="sideTheme" :class="['side-menu', 'beauty-scroll', isMobile ? null : 'shadow']" width="256px" :collapsible="collapsible" v-model="collapsed" :trigger="null">
    <div :class="['logo', theme]">
      <router-link to="/dashboard/workplace">
        <img src="@/assets/img/logo.png">
--- a/src/components/menu/index.less
+++ b/src/components/menu/index.less
@@ -2,7 +2,8 @@
  box-shadow: 2px 0 6px rgba(0, 21, 41, .35);
 }
 .side-menu{
-  min-height: 100%;
+  min-height: 100vh;
+  overflow-y: auto;
  z-index: 10;
  .logo{
    height: 64px;