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

修复：SideMenu.vue 组件溢出导致的样式问题；
4 years ago · 55358b4107
parent 182ea21a29
commit 55358b4107
4 changed files with 5 additions and 4 deletions
--- a/public/index.html
+++ b/public/index.html
@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" class="beauty-scroll">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
--- 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;
--- a/src/layouts/AdminLayout.vue
+++ b/src/layouts/AdminLayout.vue
@ -1,5 +1,5 @@
 <template>
-  <a-layout :class="['admin-layout', fixedSideBar ? 'fixed-side-bar' : '']">
+  <a-layout :class="['admin-layout', fixedSideBar ? 'fixed-side-bar' : '', 'beauty-scroll']">
    <drawer v-if="isMobile" v-model="collapsed">
      <side-menu :theme="theme.mode" :menuData="menuData" :collapsed="false" :collapsible="false" @menuSelect="onMenuSelect"/>
    </drawer>