安装less

src/pages/course/vod/Vod.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect } from "react";
 import { Typography, Input, Select, Button, Space, Table } from "antd";
 import type { ColumnsType } from "antd/es/table";
-import styles from "./Vod.module.css";
+import styles from "./Vod.module.less";
 import { PlusOutlined, ReloadOutlined } from "@ant-design/icons";
 import { login } from "../../../api/index";
 

src/pages/dashboard/Dashboard.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import styles from "./Dashboard.module.css";
+import styles from "./Dashboard.module.less";
 
 export const Dashboard: React.FC<any> = () => {
   return (

src/pages/error/Error.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import styles from "./Error.module.css";
+import styles from "./Error.module.less";
 
 export const ErrorPage: React.FC<any> = () => {
   return (

src/pages/home/HomePage.module.less

@@ -26,5 +26,3 @@
   overflow-y: auto;
   background-color: #f1f2f9;
 }
-
-

src/pages/home/HomePage.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect } from "react";
-import styles from "./HomePage.module.css";
+import styles from "./HomePage.module.less";
 import { Outlet, useNavigate } from "react-router-dom";
 import { Header, LeftMenu, Footer } from "../../compenents";
 import { login } from "../../api/index";

src/pages/login/Login.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from "react";
-import styles from "./Login.module.css";
+import styles from "./Login.module.less";
 import { Typography, Spin, Input, Button, message } from "antd";
 import { login, system } from "../../api/index";
 import { setToken } from "../../utils/index";