update

src/components/模块组件/窑炉内部/Center/index.module.css

@@ -33,4 +33,14 @@
 	position: fixed;
 	top: 0;
 	left: 0;
+}
+.videoLayer1 {
+	width: 2440px;
+	height: 720px;
+	background: url(../../../../assets/floor1-status.png) no-repeat;
+	background-size: 100% 100%;
+	background-position: 0 0;
+	position: fixed;
+	top: 0;
+	left: 0;
 }

src/components/模块组件/窑炉内部/Center/videoComponents/EnterToFloor1.jsx

@@ -37,6 +37,7 @@ function EnterToFloorOne(props) {
 						width: '100%',
 						height: '100%',
 						zIndex: -999,
+						overflow: 'hidden',
 					}}
 					initial={{ opacity: 0 }}
 					animate={{ opacity: 1 }}
@@ -68,12 +69,12 @@ function EnterToFloorOne(props) {
 					)}
 
 					<motion.div
-						className={cls.videoLayer2}
+						className={cls.videoLayer1}
 						key="eto1div"
 						style={{
-							top: '340px',
-							left: '690px',
-							height: '720px',
+							top: '336px',
+							left: '730px',
+							width: '2380px',
 						}}
 						animate={{
 							opacity: [0, 0, 0, 0.6, 1],

src/components/模块组件/窑炉内部/Center/videoComponents/Floor1To2.jsx

@@ -36,15 +36,16 @@ function FloorOneToTwo(props) {
 						position: 'fixed',
 						top: '7px',
 						left: '50px',
-						width: '100%',
-						height: '100%',
+						width: 'calc(100% - 50px)',
+						height: 'calc(100% - 7px)',
 						zIndex: -998,
+						overflow: 'clip',
 					}}
 					initial={{ opacity: 0 }}
 					animate={{ opacity: 1 }}
 					exit={{ opacity: 0, transition: { duration: 0, delay: 0.1 } }}
 				>
-					<video ref={vd} muted width={'100%'}>
+					<video ref={vd} muted>
 						<source src="/video/1to2.webm" type="video/mp4" />
 					</video>
 

src/components/模块组件/窑炉内部/Center/videoComponents/Floor2To1.jsx

@@ -36,15 +36,16 @@ function FloorTwoToOne(props) {
 						position: 'fixed',
 						top: '7px',
 						left: '50px',
-						width: '100%',
-						height: '100%',
+						width: 'calc(100% - 50px)',
+						height: 'calc(100% - 7px)',
 						zIndex: -998,
+						overflow: 'clip',
 					}}
 					initial={{ opacity: 0 }}
 					animate={{ opacity: 1 }}
 					exit={{ opacity: 0, transition: { duration: 0.2, delay: 0.2 } }}
 				>
-					<video ref={vd} muted width={'100%'}>
+					<video ref={vd} muted>
 						<source src="/video/2to1.webm" type="video/mp4" />
 					</video>
 
@@ -72,13 +73,12 @@ function FloorTwoToOne(props) {
 					)}
 
 					<motion.div
-						className={cls.videoLayer2}
+						className={cls.videoLayer1}
 						key="eto1div"
 						style={{
-							top: '340px',
-							left: '690px',
-							height: '760px',
-							width: '2460px',
+							top: '336px',
+							left: '730px',
+							width: '2380px',
 						}}
 						animate={{
 							opacity: [0, 0, 0, 0.6, 1],