fix:menu vertical

src/components/layout/main.less

@@ -107,18 +107,6 @@
       }
     }
 
-    .siderMenu {
-      position: absolute;
-      width: 100%;
-      max-height: ~"calc(100% - 88px)";
-      overflow-y: scroll;
-      overflow-x: hidden;
-
-      &::-webkit-scrollbar-thumb {
-        display: none;
-      }
-    }
-
     .switchtheme {
       width: 100%;
       position: absolute;
@@ -157,7 +145,7 @@
 
         .ant-menu-item,
         .ant-menu-submenu-title {
-          overflow: hidden;
+          overflow: auto;
           white-space: normal;
         }
       }

src/components/layout/menu.js

@@ -26,11 +26,10 @@ const getMenus = function (menuArray, siderFold, parentPath) {
   })
 }
 
-function Menus ({ siderFold, darkTheme, location, isNavbar, handleClickNavMenu, className }) {
+function Menus ({ siderFold, darkTheme, location, isNavbar, handleClickNavMenu }) {
   const menuItems = getMenus(menu, siderFold)
   return (
     <Menu
-      className={className}
       mode={siderFold ? 'vertical' : 'inline'}
       theme={darkTheme ? 'dark' : 'light'}
       onClick={handleClickNavMenu}

src/components/layout/sider.js

@@ -16,7 +16,7 @@ function Sider ({ siderFold, darkTheme, location, changeTheme }) {
         <img src={config.logoSrc} />
         {siderFold ? '' : <span>{config.logoText}</span>}
       </div>
-      <Menus {...menusProps} className={styles.siderMenu} />
+      <Menus {...menusProps} />
       {!siderFold ? <div className={styles.switchtheme}>
         <span><Icon type='bulb' />切换主题</span>
         <Switch onChange={changeTheme} defaultChecked={darkTheme} checkedChildren='黑' unCheckedChildren='白' />