style:菜单栏箭头样式优化

src/modules/root/Menu.less

@@ -97,7 +97,7 @@
         margin: 6px 8px;
         margin: 6px 8px;
         width: calc(100% - 15px);
         width: calc(100% - 15px);
         &:hover {
         &:hover {
-          background: #f3f6fa;
+          background: rgba(41, 102, 255, .05);
           border-radius: 2px;
           border-radius: 2px;
           color: #333;
           color: #333;
         }
         }
@@ -109,6 +109,7 @@
         &.single-menu {
         &.single-menu {
           background: rgba(41, 102, 255, .1) !important;
           background: rgba(41, 102, 255, .1) !important;
           color: @active-color;
           color: @active-color;
+          font-weight:500;
         }
         }
       }
       }
       .ant-menu-submenu {
       .ant-menu-submenu {
@@ -118,6 +119,9 @@
         }
         }
         .ant-menu-item {
         .ant-menu-item {
           padding-left: 46px !important;
           padding-left: 46px !important;
+          &:hover {
+            color: #333!important;
+          }
         }
         }
       }
       }
 
 
@@ -126,13 +130,21 @@
 
 
         .ant-menu-item-selected {
         .ant-menu-item-selected {
           color: @active-color;
           color: @active-color;
+          font-weight: 500;
+          &:hover {
+            color: @active-color!important;
+          }
           .listType {
           .listType {
             background: @active-color;
             background: @active-color;
           }
           }
         }
         }
+        .ant-menu-submenu-arrow {
+          right: 10px!important;
+          color: @active-color;
+        }
       }
       }
       .ant-menu-submenu-arrow {
       .ant-menu-submenu-arrow {
-        right: 22px;
+        right: 10px!important;
         color: #5e606a;
         color: #5e606a;
       }
       }
     }
     }
@@ -268,8 +280,26 @@
     left: 74px;
     left: 74px;
   }
   }
 }
 }
-.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
-  color: #2966FF;
+
+.ant-menu-inline .ant-menu-item, .ant-menu-inline .ant-menu-submenu-title {
+  width: calc(100% - 15px)!important;
+}
+.ant-menu-submenu:hover {
+  // background: rgba(41, 102, 255, .05) !important;
+  &.ant-menu-submenu-title:hover {
+    color: #333333!important;
+  }
+ .ant-menu-submenu-title > .ant-menu-submenu-arrow {
+   color: #5e606a!important;
+ }
+  
+  &.icon-img-box {
+    background-color: rgba(41, 102, 255, .05)!important;
+  }
+}
+.ant-menu-light .ant-menu-submenu-title:hover {
+  color: #333!important;
+  background: rgba(41, 102, 255, .05) !important;
 }
 }
 .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
 .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
   background: rgba(41, 102, 255, .1) !important;
   background: rgba(41, 102, 255, .1) !important;

src/modules/root/Menu.tsx

@@ -242,7 +242,7 @@ function Aside(props: any) {
                           <img src={item.img} className='icon-img' />
                           <img src={item.img} className='icon-img' />
                         </div>
                         </div>
                       ) : (
                       ) : (
-                        <div className='icon-img-box' style={{ backgroundColor: '#fff', width: '40px', height: '40px', display: 'inline-block' }}>
+                        <div className='icon-img-box' style={{ width: '40px', height: '40px', display: 'inline-block' }}>
                           <img src={item.img} className='icon-img' />
                           <img src={item.img} className='icon-img' />
                         </div>
                         </div>
                       )
                       )