update

src/components/公共组件/导航菜单/index.jsx

@@ -1,6 +1,7 @@
+import { useCallback, useState } from 'react';
 import cls from './index.module.less';
 
-export default function CenterMenu() {
+export default function CenterMenu({ active, onChangeActive }) {
 	const menuList = [
 		['窑炉总览', '/kilnSummary'],
 		['窑炉内部', '/kilnInner'],
@@ -11,7 +12,11 @@ export default function CenterMenu() {
 	return (
 		<div className={`${cls.centerMenu} flex`}>
 			{menuList.map((menu) => (
-				<div key={menu[0]} className={cls.menuItem}>
+				<div
+					key={menu[0]}
+					className={`${cls.menuItem} ${active == menu[0] ? cls.active : ''}`}
+					onClick={() => onChangeActive(menu[0])}
+				>
 					{menu[0]}
 				</div>
 			))}

src/components/公共组件/导航菜单/index.module.less

@@ -23,6 +23,7 @@
 		'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;
 }
 
+.menuItem.active,
 .menuItem:hover {
 	color: #00fff7;
 }

src/components/模块组件/总览/CenterTop/index.jsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import NavMenu from '../../../公共组件/导航菜单';
 import Item2 from './RightTable';
 import Item1 from './LeftBoxes';
 
@@ -8,7 +7,6 @@ import cls from './index.module.less';
 export default function index() {
 	return (
 		<>
-			<NavMenu />
 			<div className="flex justify-between w-full h-full">
 				<div className={cls.leftGrid}>
 					<Item1 />