feat:修改左侧边栏的伸缩效果

src/modules/root/App.tsx

@@ -2,7 +2,7 @@
  * @Author: 吴文洁
  * @Author: 吴文洁
  * @Date: 2019-07-10 10:30:49
  * @Date: 2019-07-10 10:30:49
  * @LastEditors: zhangleyuan
  * @LastEditors: zhangleyuan
- * @LastEditTime: 2020-12-22 15:26:10
+ * @LastEditTime: 2020-12-22 15:27:33
  * @Description:
  * @Description:
  */
  */
 import React, { useContext, useEffect, useState } from 'react';
 import React, { useContext, useEffect, useState } from 'react';
@@ -64,7 +64,7 @@ const App: React.FC = (props: any) => {
       <div id="home">
       <div id="home">
         <Header handleMenuType={handleMenuType} menuType={menuType}/>
         <Header handleMenuType={handleMenuType} menuType={menuType}/>
         <ConfigProvider locale={zhCN} >
         <ConfigProvider locale={zhCN} >
-          <Main/>
+          <Main menuType={menuType}/>
         </ConfigProvider>
         </ConfigProvider>
         <Menu menuType={menuType}/>
         <Menu menuType={menuType}/>
       </div>
       </div>

src/modules/root/Main.jsx

@@ -3,7 +3,8 @@ import './Main.less';
 import { MainRoutes } from '@/routes';
 import { MainRoutes } from '@/routes';
 
 
 function Main(props){
 function Main(props){
-  const {menuType} = props
+  const {menuType} = props;
+  console.log("menuType",menuType);
   return (
   return (
     <div
     <div
       className={menuType ? `right-container has-nav` : `right-container has-nav right-container-vertical`}
       className={menuType ? `right-container has-nav` : `right-container has-nav right-container-vertical`}

src/modules/root/Menu.less

@@ -26,7 +26,7 @@
     flex-direction: column;
     flex-direction: column;
     -webkit-flex-direction: column;
     -webkit-flex-direction: column;
     height: 100%;
     height: 100%;
-
+   
     .nav {
     .nav {
       -webkit-flex: 1;
       -webkit-flex: 1;
       cursor: default;
       cursor: default;
@@ -69,20 +69,7 @@
         }
         }
       
       
       }
       }
-      // .first-menu-item{
-      //   &::active{
-      //     color:@active-color !important;
-      //   }
-      // }
-      // .ant-menu-item {
-      //   color: @xm-color-text-menu;
-      // }
-
-      // .ant-menu-item-selected {
-      //   .name {
-      //     color: #fff;
-      //   }
-      // }
+     
     }
     }
   }
   }
 
 
@@ -92,8 +79,11 @@
       .ant-menu-item {
       .ant-menu-item {
         text-align: center;
         text-align: center;
       }
       }
-      .icon {
-        margin-right: 0px;
+      // .icon {
+      //   margin-right: 0px;
+      // }
+      .ant-menu-submenu-arrow{
+        display:none !important;
       }
       }
     }
     }
   }
   }