update

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

@@ -2,7 +2,6 @@ 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);
@@ -57,71 +56,8 @@ function KilnCenter() {
         </div>
       </div>
 
-      {/* 覆盖层温度信息  */}
-      {/* <TemperatureTop /> */}
-
       {/* video  */}
       <VideoContainer onFloorUpdate={onFloorUpdate} floor={floor} />
-
-      {/* <div className={cls.videoLayer2}></div> */}
-
-      {/* left side  */}
-      {/* <div
-				className="leftSide"
-				style={{
-					position: 'absolute',
-					left: '88px',
-					top: '24%',
-					display: 'grid',
-					gridTemplateColumns: '100px 100px',
-					gap: '20px 18px',
-					gridAutoRows: '64px',
-				}}
-			>
-				{data.map((item) => (
-					<div
-						className="leftSideItem"
-						style={{
-							background: '#fff3',
-							display: 'flex',
-							flexDirection: 'column',
-							alignItems: 'center',
-							justifyContent: 'center',
-							background: '#32535d',
-						}}
-					>
-						<span style={{ fontSize: '18px', lineHeight: 1, color: '#2EE4E6' }}>
-							{item.name}
-						</span>
-						<span
-							style={{ fontSize: '24px', lineHeight: '32px', color: '#fff' }}
-						>
-							{item.value} ℃
-						</span>
-					</div>
-				))}
-			</div>
-
-			<div
-				className="toolbox"
-				style={{
-					position: 'absolute',
-					bottom: '32px',
-					left: '64px',
-					display: 'flex',
-					alignItems: 'center',
-					gap: '24px',
-				}}
-			>
-				<div
-					className="tlj tlj1"
-					style={{ background: '#ccc', width: '200px', height: '100px' }}
-				></div>
-				<div
-					className="tlj tlj2"
-					style={{ background: '#ccc', width: '200px', height: '100px' }}
-				></div>
-			</div> */}
     </div>
   );
 }

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

@@ -69,19 +69,6 @@ function EnterToFloorOne(props) {
             ></video>
           )}
 
-          {/* <motion.div
-            className={cls.videoLayer1}
-            key="eto1div"
-            style={{
-              top: "336px",
-              left: "730px",
-              width: "2380px",
-            }}
-            animate={{
-              opacity: [0, 0, 0, 0.6, 1],
-              transition: { duration: 0.3, delay: 2 },
-            }}
-          ></motion.div> */}
           <TemperatureBottom
             style={{
               top: "218px",

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

@@ -72,20 +72,6 @@ function FloorOneToTwo(props) {
             ></video>
           )}
 
-          {/* <motion.div
-            className={cls.videoLayer2}
-            key="1to2div"
-            style={{
-              top: "360px",
-              left: "740px",
-              width: "2415px",
-              height: "690px",
-            }}
-            animate={{
-              opacity: [0, 0, 0, 0.6, 1],
-              transition: { duration: 0.3, delay: 2 },
-            }}
-          ></motion.div> */}
           <TemperatureTop
             style={{
               top: "208px",

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

@@ -72,20 +72,6 @@ function FloorTwoToOne(props) {
             ></video>
           )}
 
-          {/* <motion.div
-            className={cls.videoLayer1}
-            key="eto1div"
-            style={{
-              top: "336px",
-              left: "730px",
-              width: "2380px",
-            }}
-            animate={{
-              opacity: [0, 0, 0, 0.6, 1],
-              transition: { duration: 0.3, delay: 2 },
-            }}
-          ></motion.div> */}
-
           <TemperatureBottom
             style={{
               top: "208px",