feat:调整左侧边栏的样式

src/modules/personalInfo/index.tsx

@@ -2,7 +2,7 @@
  * @Author: zhangleyuan
  * @Date: 2020-11-27 15:06:31
  * @LastEditors: zhangleyuan
- * @LastEditTime: 2020-12-22 15:23:23
+ * @LastEditTime: 2020-12-22 15:26:00
  * @Description: 描述一下
  * @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  */
@@ -54,6 +54,7 @@ function PersonalInfoPage() {
     });
   }
   function _handleUpdateAvatar(e: any): any {
+    console.log('update');
     const avatar = e.target.files[0];
     const newUrl = URL.createObjectURL(avatar);
     const $image = $('#image');

src/modules/root/App.tsx

@@ -2,7 +2,7 @@
  * @Author: 吴文洁
  * @Date: 2019-07-10 10:30:49
  * @LastEditors: zhangleyuan
- * @LastEditTime: 2020-12-22 15:24:20
+ * @LastEditTime: 2020-12-22 15:26:10
  * @Description:
  */
 import React, { useContext, useEffect, useState } from 'react';
@@ -56,15 +56,17 @@ const App: React.FC = (props: any) => {
       ctx.dispatch(setStoreGroupPermission(storePermissionGroup))
       ctx.dispatch(setStorePermission(storeUserPermissionGroup))
     });
+  } 
+  function handleMenuType(){
+    setMenuType(!menuType);
   }
-
     return (
       <div id="home">
-        <Header/>
+        <Header handleMenuType={handleMenuType} menuType={menuType}/>
         <ConfigProvider locale={zhCN} >
           <Main/>
         </ConfigProvider>
-        <Menu/>
+        <Menu menuType={menuType}/>
       </div>
     )
 }

src/modules/root/Header.tsx

 /*
  * @Author: 吴文洁
  * @Date: 2019-09-10 18:26:03
- * @LastEditors: wufan
- * @LastEditTime: 2020-12-11 14:01:06
+ * @LastEditors: zhangleyuan
+ * @LastEditTime: 2020-12-22 15:26:21
  * @Description:
  */
 import React , { useContext, useState}from 'react';
@@ -21,9 +21,13 @@ import { XMContext } from '@/store/context';
 import logoImg from '@/common/images/logo.png';
 const baseImg ='https://image.xiaomaiketang.com/xm/rJeQaZxtc7.png'
 const { confirm } = Modal;
+interface headerProps {
+  menuType:boolean,
+  handleMenuType:() => void
+}
 
-function Header(){
-  const [menuType, setMenuType] = useState(true);
+function Header(props:headerProps){
+  const { menuType ,handleMenuType} = props;
   const ctx: any = useContext(XMContext);
   function userMenu() {
     return (
@@ -54,7 +58,7 @@ function Header(){
     );
   }
   function handleMenu(){
-    setMenuType(!menuType);
+    handleMenuType();
   };
   function toPersonalInfoPage(){
     window.RCHistory.push({
@@ -128,4 +132,4 @@ function Header(){
     </div>
   );
 }
-export default withRouter(Header);
+export default Header;

src/modules/root/Menu.tsx

@@ -7,14 +7,11 @@ import { menuList } from '../../routes//config/menuList'
 import { XMContext } from '../../store/context';
 import "./Menu.less";
 const { SubMenu } = Menu;
-
-
 function Aside(props: any) {
+  const {menuType} = props
   const ctx: any = useContext(XMContext);
   const [selectKey, setSelectKey] = useState();
   const [openKeys, setOpenKeys] = useState(['']);
-  const [menuType,setMenuType] = useState(1);
- 
   useEffect(() => {
     const link = props.location.pathname;
     console.log('link',link);