update 一层温度

src/components/Modules/KilnInner/Center/index.jsx

@@ -1,68 +1,72 @@
-import { useState } from 'react';
-import cls from './index.module.css';
-import Chart2 from '../../../Common/TimeFireDir';
-import VideoContainer from './VideoContainer';
+import { useState } from "react";
+import cls from "./index.module.css";
+import Chart2 from "../../../Common/TimeFireDir";
+import VideoContainer from "./VideoContainer";
+import TemperatureTop from "../../../Common/TemperatureTop";
 
 function KilnCenter() {
-	const [floor, setFloor] = useState(0);
+  const [floor, setFloor] = useState(0);
 
-	function onFloorUpdate(flr) {
-		setFloor(flr);
-	}
+  function onFloorUpdate(flr) {
+    setFloor(flr);
+  }
 
-	return (
-		<div
-			className="bgKilnInner"
-			style={{
-				width: '100%',
-				position: 'absolute',
-				top: '12%',
-				display: 'flex',
-				flexDirection: 'column',
-			}}
-		>
-			{/* 时间火向数据 */}
-			<div
-				className="fireAndTime"
-				style={{ position: 'absolute', top: '-112px', height: '212px' }}
-			>
-				<Chart2 />
-			</div>
+  return (
+    <div
+      className="bgKilnInner"
+      style={{
+        width: "100%",
+        position: "absolute",
+        top: "12%",
+        display: "flex",
+        flexDirection: "column",
+      }}
+    >
+      {/* 时间火向数据 */}
+      <div
+        className="fireAndTime"
+        style={{ position: "absolute", top: "-112px", height: "212px" }}
+      >
+        <Chart2 />
+      </div>
 
-			{/* menu  */}
-			<div
-				className="subMenu"
-				style={{
-					display: 'flex',
-					marginBottom: '24px',
-					justifyContent: 'center',
-				}}
-			>
-				<div
-					className={
-						'flr flr1 ' + cls.menuItem + ' ' + (floor == 1 ? cls.active : '')
-					}
-					onClick={() => onFloorUpdate(1)}
-				>
-					一层
-				</div>
-				<div
-					className={
-						'flr flr2 ' + cls.menuItem + ' ' + (floor == 2 ? cls.active : '')
-					}
-					onClick={() => onFloorUpdate(2)}
-				>
-					二层
-				</div>
-			</div>
+      {/* menu  */}
+      <div
+        className="subMenu"
+        style={{
+          display: "flex",
+          marginBottom: "24px",
+          justifyContent: "center",
+        }}
+      >
+        <div
+          className={
+            "flr flr1 " + cls.menuItem + " " + (floor == 1 ? cls.active : "")
+          }
+          onClick={() => onFloorUpdate(1)}
+        >
+          一层
+        </div>
+        <div
+          className={
+            "flr flr2 " + cls.menuItem + " " + (floor == 2 ? cls.active : "")
+          }
+          onClick={() => onFloorUpdate(2)}
+        >
+          二层
+        </div>
+      </div>
 
-			{/* video  */}
-			<VideoContainer onFloorUpdate={onFloorUpdate} floor={floor} />
+      {/* 覆盖层温度信息  */}
+      <TemperatureTop />
 
-			{/* <div className={cls.videoLayer2}></div> */}
+      {/* video  */}
+      <VideoContainer onFloorUpdate={onFloorUpdate} floor={floor} />
 
-			{/* left side  */}
-			{/* <div
+      {/* <div className={cls.videoLayer2}></div> */}
+
+      {/* left side  */}
+      {/* <div
 				className="leftSide"
 				style={{
 					position: 'absolute',
@@ -118,8 +122,8 @@ function KilnCenter() {
 					style={{ background: '#ccc', width: '200px', height: '100px' }}
 				></div>
 			</div> */}
-		</div>
-	);
+    </div>
+  );
 }
 
 export default KilnCenter;

src/components/Modules/KilnInner/Center/videoComponents/EnterToFloor1.jsx

@@ -70,7 +70,7 @@ function EnterToFloorOne(props) {
             ></video>
           )}
 
-          <motion.div
+          {/* <motion.div
             className={cls.videoLayer1}
             key="eto1div"
             style={{
@@ -82,7 +82,7 @@ function EnterToFloorOne(props) {
               opacity: [0, 0, 0, 0.6, 1],
               transition: { duration: 0.3, delay: 2 },
             }}
-          ></motion.div>
+          ></motion.div> */}
         </motion.div>
       )}
     </AnimatePresence>