From 5a5adaf10863fb6e908015c4caedd5d0fc306064 Mon Sep 17 00:00:00 2001
From: lb <liubin_9396@163.com>
Date: Mon, 3 Jul 2023 16:04:44 +0800
Subject: [PATCH] update menu

---
 src/assets/bg_center_menu.png                 | Bin 0 -> 2504 bytes
 .../CenterTopData/CenterMenu/index.jsx        |  15 +++++++-
 .../CenterMenu/index.module.less              |  34 ++++++++++++++----
 3 files changed, 42 insertions(+), 7 deletions(-)
 create mode 100644 src/assets/bg_center_menu.png

diff --git a/src/assets/bg_center_menu.png b/src/assets/bg_center_menu.png
new file mode 100644
index 0000000000000000000000000000000000000000..d9515e0637fbe2e74977bbd59b1895e002c975fc
GIT binary patch
literal 2504
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
MHqO=!R=!F90xMS8Z~y=R

literal 0
HcmV?d00001

diff --git a/src/components/CenterTopData/CenterMenu/index.jsx b/src/components/CenterTopData/CenterMenu/index.jsx
index 5e5303e..199e102 100644
--- a/src/components/CenterTopData/CenterMenu/index.jsx
+++ b/src/components/CenterTopData/CenterMenu/index.jsx
@@ -1,5 +1,18 @@
 import cls from './index.module.less';
 
 export default function CenterMenu() {
-	return <div className={cls.centerMenu}>cetner menu</div>;
+	const menuList = [
+		['窑炉总览', '/kilnSummary'],
+		['窑炉内部', '/kilnInner'],
+		['退火监测', '/stopFire'],
+		['质检统计', '/quailtyCheck'],
+		['能耗分析', '/energyCost'],
+	];
+	return (
+		<div className={`${cls.centerMenu} flex`}>
+			{menuList.map((menu) => (
+				<div className={cls.menuItem}>{menu[0]}</div>
+			))}
+		</div>
+	);
 }
diff --git a/src/components/CenterTopData/CenterMenu/index.module.less b/src/components/CenterTopData/CenterMenu/index.module.less
index 05b775c..4a6b7e2 100644
--- a/src/components/CenterTopData/CenterMenu/index.module.less
+++ b/src/components/CenterTopData/CenterMenu/index.module.less
@@ -1,9 +1,31 @@
 .centerMenu {
-	position: fixed;
-	top: 80px;
-	left: 240px;
-	height: 200px;
-	width: 1000px;
-	background: #1ed65278;
+	position: absolute;
+	top: 20px;
+	left: 680px;
 	color: white;
 }
+
+.menuItem {
+	transition: all 0.3s ease-out;
+	cursor: pointer;
+	user-select: none;
+	padding: 10px 20px;
+	font-size: 32px;
+	line-height: 48px;
+	letter-spacing: 6px;
+	background: url(../../../assets/bg_center_menu.png) no-repeat;
+	background-size: 100% 50%;
+	background-position: bottom;
+	color: #00fff788;
+	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
+		'PingFang SC', 'Microsoft YaHei', '微软雅黑', 'Microsoft YaHei UI',
+		'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;
+}
+
+.menuItem:hover {
+	color: #00fff7;
+}
+
+.menuItem:not(:first-child) {
+	margin-left: 50px;
+}