feat:调整左侧栏的样式

src/modules/root/Main.jsx

 import React , { useContext, useEffect ,useState}from 'react'
 import './Main.less';
 import { MainRoutes } from '@/routes';
-function Main(){
-  const [menuType,setMenuType] = useState(1);
+
+function Main(props){
+  const {menuType} = props
   return (
     <div
       className={menuType ? `right-container has-nav` : `right-container has-nav right-container-vertical`}

src/modules/root/Menu.tsx

@@ -38,12 +38,12 @@ function Aside(props: any) {
   }
   return (
     <div 
-      id="left-container"
-      className={
-      menuType
-        ? "left-container"
-        : "left-container left-container-vertical"
-      }
+        id="left-container"
+        className={
+          menuType
+            ? "left-container"
+            : "left-container left-container-vertical"
+        }
       >
         <div className="left">
           <div className="nav">
@@ -54,10 +54,9 @@ function Aside(props: any) {
           selectedKeys={selectKey}
           openKeys={openKeys}
           onOpenChange={onOpenChange}
-          mode="inline"
           theme="dark"
           inlineCollapsed={false}
-
+          mode={menuType ? "inline" : "vertical"}
         >
           {
             menuList.map((item: any, index: any) => {
@@ -67,7 +66,10 @@ function Aside(props: any) {
               if (item.children) {
                 return <SubMenu key={item.groupCode} style={{ marginTop: 0 }} className="first-menu-item" title={<div > 
                   <span style={{ marginRight: 6 }} className="iconfont icon" dangerouslySetInnerHTML={{ __html:item.icon}}></span>
-                  <span>{item.groupName}</span></div>}>
+                    {menuType &&
+                      <span>{item.groupName}</span>
+                    }</div>
+                  }>
                   {
                     item.children.map((_item: any, _index: any) => {
                       if (ctx.xmState.storeUserPermissionList.indexOf(_item.groupCode) === -1) {
@@ -76,7 +78,6 @@ function Aside(props: any) {
                       return <Menu.Item onClick={() => { toggleMenu(_item) }} style={{ marginTop: 0 }} key={_item.groupCode + index + _index}>
                         <span className="listType"></span>
                         <span className="name">{_item.groupName}</span>
-                        
                       </Menu.Item>
 
                     })
@@ -84,10 +85,11 @@ function Aside(props: any) {
                 </SubMenu>
               } else {
                 return <Menu.Item onClick={() => { toggleMenu(item) }} key={item.groupCode} className="first-menu-item">
-               
+                  
                   <span style={{ marginRight: 6 }} className="iconfont icon" dangerouslySetInnerHTML={{ __html:item.icon}}></span>
-                  <span>{item.groupName}</span>
-                 
+                  {menuType &&
+                    <span>{item.groupName}</span>
+                  }
                 </Menu.Item>
               }
             })