fix: 样式加载慢问题

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

@@ -5,6 +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 '../../../HN.less';
 const LoadingSkeleton = props => {
   const { route } = props;
   return (
@@ -156,53 +157,7 @@ const Menu = props => {
                 </div>
               )}
             />
-            {/* {route &&
-              (route.routes || [])
-                .filter(item => !item.hideInMenu)
-                .map((item, index) => (
-                  <React.Fragment key={index}>
-                    <li
-                      key={index}
-                      className={classNames(`${prefixCls}-menu-item`, {
-                        [`${prefixCls}-menu-item-active`]: index === selectIndex,
-                      })}
-                      onClick={() => onSelectItem(item, index)}
-                    >
-                      <Tooltip placement="right" title={collapsed ? item.name : ''}>
-                        <a>
-                          {item.icon ? (
-                            item.icon
-                          ) : item.extData && /.svg/.test(item.extData.icon) ? (
-                            <ReactSVG
-                              src={item.extData.icon}
-                              style={{ width: '20px', height: '20px' }}
-                              className={`${prefixCls}-menu-item-icon`}
-                            />
-                          ) : (
-                            item.extData && <img src={item.extData.icon} />
-                          )}
-                          {collapsed ? (
-                            item.extData && (
-                              <span className={`${prefixCls}-menu-item-text`}>
-                                {(item.extData.shortName || item.name).substr(0, 2)}
-                              </span>
-                            )
-                          ) : (
-                            <span className={`${prefixCls}-menu-item-text`}>{item.name}</span>
-                          )}
-                        </a>
-                      </Tooltip>
-                    </li>
-                    <Divider
-                      style={{
-                        border: '1px solid rgb(49, 53, 62, 0.3)',
-                        margin: '0 auto',
-                        minWidth: '80%',
-                        width: '80%',
-                      }}
-                    />
-                  </React.Fragment>
-                ))} */}
+           
           </ul>
         </React.Fragment>
       )}

src/layouts/HN.less

@@ -279,6 +279,9 @@
       .@{ant-prefix}-menu-submenu-arrow::after {
       background: #7a7a7a !important;
     }
+    .ant-menu-submenu-arrow::before,.ant-menu-submenu-arrow::after {
+      background: #7a7a7a !important;
+    }
     .@{ant-prefix}-menu-dark .@{ant-prefix}-menu-inline.@{ant-prefix}-menu-sub {
       background: #fff;
     }