左侧菜单样式

src/compenents/header/index.tsx

@@ -6,7 +6,6 @@ import { useDispatch } from "react-redux";
 import { useNavigate } from "react-router-dom";
 import { LoginOutActionCreator } from "../../store/user/userActions";
 import avatar from "../../assets/images/commen/avatar.png";
-import "../../assets/iconfont/iconfont.css";
 
 export const Header: React.FC = () => {
   const dispatch = useDispatch();

src/compenents/left-menu/index.module.less

@@ -2,6 +2,7 @@
   width: 200px;
   height: 100%;
   background-color: #fff;
+
   .App-logo {
     width: 124px;
     height: 40px;

src/compenents/left-menu/index.tsx

@@ -1,10 +1,8 @@
 import React, { useEffect } from "react";
 import { Menu } from "antd";
-//导出路由跳转hooks函数
-import { useNavigate, Link, useLocation } from "react-router-dom";
+import { useNavigate, useLocation } from "react-router-dom";
 import styles from "./index.module.less";
 import logo from "../../assets/logo.png";
-import "../../assets/iconfont/iconfont.css";
 
 function getItem(label: any, key: any, icon: any, children: any, type: any) {
   return {
@@ -19,7 +17,7 @@ const items = [
   getItem(
     "首页概览",
     "/",
-    <i className="iconfont icon-icon-home" />,
+    <i className={`iconfont icon-icon-home`} />,
     null,
     null
   ),