安装less

src/compenents/footer/Footer.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import styles from "./Footer.module.css";
+import styles from "./Footer.module.less";
 import { Layout, Typography } from "antd";
 
 export const Footer: React.FC = () => {

src/compenents/header/Header.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import styles from "./Header.module.css";
+import styles from "./Header.module.less";
 import { Layout, Typography, Button, Dropdown, MenuProps } from "antd";
 import { useSelector } from "../../store/hooks";
 import { useDispatch } from "react-redux";

src/compenents/leftMenu/LeftMenu.tsx

@@ -7,9 +7,9 @@ import {
 import { Menu } from "antd";
 //导出路由跳转hooks函数
 import { useNavigate, Link } from "react-router-dom";
-import styles from "./LeftMenu.module.css";
+import styles from "./LeftMenu.module.less";
 import logo from "../../assets/logo.png";
-import "../../utils/index.css";
+import "../../utils/index.less";
 
 function getItem(label: any, key: any, icon: any, children: any, type: any) {
   return {