fix: 华农

src/layouts/AppLayout/components/SlideMenu/index.js

@@ -5,7 +5,7 @@ import { ReactSVG } from 'react-svg';
 import useMergedState from 'rc-util/lib/hooks/useMergedState';
 import { useHistory } from '@wisdom-utils/runtime';
 import ProLayout, { getPageTitle } from '@ant-design/pro-layout';
-import HNStyles from '../../../HN.less';
+import './theme.css';
 const LoadingSkeleton = props => {
   const { route } = props;
   return (
@@ -76,10 +76,9 @@ const Menu = props => {
         return item;
       }),
   );
-  console.log('HNStyles',HNStyles)
   return (
     <LoadingSkeleton {...props}>
-      {route && route.routes && route.routes.length > 0 && HNStyles&&HNStyles.hnlayout && (
+      {route && route.routes && route.routes.length > 0 && (
         <React.Fragment>
           {menuHeaderRender ? (
             menuHeaderRender(props)

src/layouts/HN.less

@@ -5,6 +5,7 @@
     .@{ant-prefix}-global-page-header-header {
       padding-left: 0;
     }
+
     .@{ant-prefix}-global-page-header-header-logo {
       width: 140px;
       padding-left: 0;
@@ -28,6 +29,14 @@
       overflow: hidden;
       background-color: #fff;
     }
+    .ant-layout-slider {
+      flex: 0 0 140px;
+      width: 140px;
+      min-width: 140px;
+      max-width: 140px;
+      overflow: hidden;
+      background-color: #fff;
+    }
     .@{ant-prefix}-pro-sider .@{ant-prefix}-menu{
       background: transparent!important;
     }
@@ -41,6 +50,10 @@
       height: 40px;
       line-height: 40px;
     }
+    .ant-menu-inline > .ant-menu-item{
+      height: 40px;
+      line-height: 40px;
+    }
     .ant-pro-sider-logo {
       display: none;
     }
@@ -50,12 +63,24 @@
         color: #fff;
       }
     }
+    .ant-layout-slider-menu-item-active {
+      background-color: @hn-greenColor;
+      .ant-layout-slider-menu-item-text {
+        color: #fff;
+      }
+    }
     .@{ant-prefix}-layout-slider-menu-item-text {
       color: #7c7c7a;
     }
+    .ant-layout-slider-menu-item-text {
+      color: #7c7c7a;
+    }
     .@{ant-prefix}-divider-horizontal {
       border: none !important;
     }
+    .ant-divider-horizontal {
+      border: none !important;
+    }
     .@{ant-prefix}-menu-item-children :global .@{ant-prefix}-tabs-tab:hover svg path,
     .@{ant-prefix}-menu-item-children :global .@{ant-prefix}-tabs-tab:hover svg rect,
     .@{ant-prefix}-menu-item-children :global .@{ant-prefix}-tabs-tab:hover svg circle {
@@ -117,10 +142,21 @@
       color: #737983;
       transition: border-color 0.3s, color 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
     }
+    .ant-menu-item-children .menu-item-name {
+      margin-left: 8px;
+      color: #737983;
+      transition: border-color 0.3s, color 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
+    }
+    .ant-menu-item-children .menu-item-name:hover {
+      color: @hn-greenColor;
+    }
     .@{ant-prefix}-menu-item-children .menu-item-name:hover {
       color: @hn-greenColor;
     }
-    .@{ant-prefix}-menu-item-children :global .@{ant-prefix}-divider-vertical {
+    .ant-menu-item-children .menu-item-name:hover {
+      color: @hn-greenColor;
+    }
+    .ant-menu-item-children :global .@{ant-prefix}-divider-vertical {
       left: 20px;
       margin: 0 1px !important;
     }
@@ -287,9 +323,6 @@
     }
     .@{ant-prefix}-pro-sider {
       background: #fff;
-      // .@{ant-prefix}-menu-submenu-arrow{
-      //   color:#7a7a7a;
-      // }
     }
   }
 }