feat:修正左侧导航样式

src/modules/root/Menu.less

@@ -13,22 +13,11 @@
   background: @menu-bakg;
   color: #333;
   .menu-type-icon{
-    position: absolute;
-    display:inline-block;
-    width: 24px;
-    height: 24px;
-    background: #FFFFFF;
-    border-radius: 50%;
-    border: 1px solid #F1F3F6;
-    right:-12px;
-    top:29px;
-    text-align:center;
-    z-index:3;
+    margin:4px  0 4px 156px;
     cursor: pointer;
     .icon{
-      font-size:11px;
+      font-size:14px;
     }
-    display:none;
   }
   .ant-menu {
     padding-left: 0 !important;
@@ -50,7 +39,6 @@
       -webkit-flex: 1;
       cursor: default;
       font-size: 16px;
-      margin-top: 16px;
       height: calc(~'100% - 72px');
       overflow: auto;
       &::-webkit-scrollbar {
@@ -59,6 +47,11 @@
       .icon {
         margin-right: 20px
       }
+      .icon-img{
+        width:16px;
+        height:16px;
+        margin-right:16px;
+      }
       .listType {
         width: 5px;
         height: 5px;
@@ -113,6 +106,9 @@
 
   &.left-container-vertical {
     width: 62px;
+    .menu-type-icon{
+      margin:4px 0 4px 22px;
+    }
     .left {
       .ant-menu-submenu-arrow{
         display:none !important;
@@ -122,11 +118,11 @@
   .shink-footer {
     left: 74px;
   }
-  &:hover{
-    .menu-type-icon{
-      display:inline-block;
-    }
-  }
+  // &:hover{
+  //   .menu-type-icon{
+  //     display:inline-block;
+  //   }
+  // }
 }
 .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
   background:@active-color !important;

src/modules/root/Menu.tsx

@@ -54,7 +54,7 @@ function Aside(props: any) {
             : "left-container left-container-vertical"
         }
       >
-        <span className="menu-type-icon"  onClick={handleMenu}>
+        <div className="menu-type-icon"  onClick={handleMenu}>
           {menuType ? (
             <span
               className="icon iconfont"
@@ -68,7 +68,7 @@ function Aside(props: any) {
               &#xe615;
             </span>
           )}
-        </span>
+        </div>
         <div className="left">
           <div className="nav">
 
@@ -86,7 +86,8 @@ function Aside(props: any) {
               }
               if (item.children) {
                 return <SubMenu key={item.groupCode} style={{ marginTop: 0 }} className="first-menu-item" title={<div > 
-                  <span style={{ marginRight: 16 }} className="iconfont icon" dangerouslySetInnerHTML={{ __html:item.icon}}></span>
+                    {/* <span style={{ marginRight: 16 }} className="iconfont icon" dangerouslySetInnerHTML={{ __html:item.icon}}></span> */}
+                    <img src={item.img} className="icon-img"></img>
                     {menuType &&
                       <span>{item.groupName}</span>
                     }</div>
@@ -105,8 +106,14 @@ function Aside(props: any) {
                 </SubMenu>
               } else {
                 return <Menu.Item onClick={() => { toggleMenu(item) }} key={item.groupCode} className="first-menu-item">
+                  {/* <span style={{ marginRight: 16 }} className="iconfont icon" dangerouslySetInnerHTML={{ __html:item.icon}}></span> */}
+                  {selectKey === item.groupCode ?
+                    <img src={item.selectImg} className="icon-img"></img>
+                    :
+                    <img src={item.img} className="icon-img"></img>
+                  }
                   
-                  <span style={{ marginRight: 16 }} className="iconfont icon" dangerouslySetInnerHTML={{ __html:item.icon}}></span>
+
                   {menuType &&
                     <span>{item.groupName}</span>
                   }

src/routes/config/menuList.tsx

 /*
  * @Author: yuananting
  * @Date: 2021-02-21 15:53:31
- * @LastEditors: wufan
- * @LastEditTime: 2021-05-27 10:23:30
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2021-05-30 11:00:09
  * @Description: 描述一下咯
  * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  */
@@ -11,12 +11,15 @@ export const menuList: any = [
     groupName: "中心首页",
     groupCode: "CloudPage",
     icon: '',
-    link: '/home'
+    link: '/home',
+    img:'https://image.xiaomaiketang.com/xm/ni3BFJDT3a.png',
+    selectImg:'https://image.xiaomaiketang.com/xm/GRDztTAWaM.png'
   },
   {
     groupName: "课程管理",
     groupCode: "CloudCourse",
     icon: '',
+    img:'https://image.xiaomaiketang.com/xm/jBGrGjM7HQ.png',
     children: [
       {
         groupName: "直播课",
@@ -44,18 +47,23 @@ export const menuList: any = [
     groupName: "知识库",
     groupCode: "CloudKnowledge",
     icon: '',
-    link: '/knowledge-base'
+    link: '/knowledge-base',
+    img:'https://image.xiaomaiketang.com/xm/8sbP5rGQWh.png',
+    selectImg:'https://image.xiaomaiketang.com/xm/hJKCfibC22.png'
   },
   {
     groupName: "资料云盘",
     groupCode: "CloudDisk",
     icon: '',
-    link: '/resource-disk'
+    link: '/resource-disk',
+    img:'https://image.xiaomaiketang.com/xm/zGKbXJPzXx.png',
+    selectImg:'https://image.xiaomaiketang.com/xm/5sN4MzjxYc.png',
   },
   {
     groupName: "培训管理",
     groupCode: "TrainManage",
     icon: '',
+    img:'https://image.xiaomaiketang.com/xm/Yy6pZ6G6kS.png',
     children: [
       {
         groupName: "培训计划",
@@ -68,6 +76,7 @@ export const menuList: any = [
     groupName: "助学工具",
     groupCode: "AidTool",
     icon: '',
+    img:'https://image.xiaomaiketang.com/xm/xsma4hx3b3.png',
     children: [
       {
         groupName: "题库",
@@ -90,6 +99,7 @@ export const menuList: any = [
     groupName: "学院管理",
     groupCode: "CloudShop",
     icon: '',
+    img:'https://image.xiaomaiketang.com/xm/Q8i5RSMKNc.png',
     children: [
       {
         groupName: "学院信息",