add centermenu

src/components/CenterTopData/CenterMenu/index.jsx

@@ -0,0 +1,5 @@
+import cls from './index.module.less';
+
+export default function CenterMenu() {
+	return <div className={cls.centerMenu}>cetner menu</div>;
+}

src/components/CenterTopData/CenterMenu/index.module.less

@@ -0,0 +1,9 @@
+.centerMenu {
+	position: fixed;
+	top: 80px;
+	left: 240px;
+	height: 200px;
+	width: 1000px;
+	background: #1ed65278;
+	color: white;
+}

src/components/CenterTopData/index.jsx

@@ -1,19 +1,22 @@
-import React from 'react'
+import React from 'react';
+import CenterMenu from './CenterMenu';
+import Item2 from './RightTable';
+import Item1 from './LeftBoxes';
 
-import Item2 from './RightTable'
-import Item1 from './LeftBoxes'
-
-import cls from './index.module.less'
+import cls from './index.module.less';
 
 export default function index() {
-  return (
-    <div className='flex justify-between w-full h-full'>
-      <div className={cls.leftGrid}>
-        <Item1 />
-      </div>
-      <div className={cls.rightTable}>
-        <Item2 />
-      </div>
-    </div>
-  )
+	return (
+		<>
+			<CenterMenu />
+			<div className="flex justify-between w-full h-full">
+				<div className={cls.leftGrid}>
+					<Item1 />
+				</div>
+				<div className={cls.rightTable}>
+					<Item2 />
+				</div>
+			</div>
+		</>
+	);
 }