mt-fe-group/xuchang-new
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update

Browse Source
This commit is contained in:
lb 2023-12-01 14:26:47 +08:00
parent 04a15dc14c
commit 69dcea7909
5 changed files with 83 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

106
src/components/Common/BlueRect/index.module.css
View File

@ -52,73 +52,73 @@
.TE271 {
top: 160px;
left: 80px;
left: 70px;
}
.TE272 {
top: 254px; /* +94px */
left: 80px;
left: 70px;
}
.TE273 {
top: 348px; /* +94px */
left: 80px;
left: 70px;
}
.TE274 {
top: 442px;
left: 80px;
left: 70px;
}
.TE279 {
top: 536px;
left: 80px;
left: 70px;
}
.TE275 {
top: 160px;
left: 216px;
left: 206px;
}
.TE276 {
top: 254px;
left: 216px; /* +136px */
left: 206px; /* +136px */
}
.TE277 {
top: 348px; /* +94px */
left: 216px; /* +136px */
left: 206px; /* +136px */
}
.TE278 {
top: 442px; /* +94px */
left: 216px; /* +136px */
left: 206px; /* +136px */
}
.TE280 {
top: 536px; /* +94px */
left: 216px; /* +136px */
left: 206px; /* +136px */
}
/** center top **/
.TE227 {
top: 128px;
left: 616px;
left: 660px;
}
.TE229 {
top: 128px;
left: 736px; /* +120px */
left: 776px; /* +120px */
}
.TE231 {
top: 128px;
left: 856px;
left: 896px;
}
.TE233 {
top: 128px;
left: 976px;
left: 1006px;
}
.TE235 {
top: 128px;
left: 1096px;
left: 1119px;
}
.TE237 {
top: 128px;
left: 1216px;
left: 1236px;
}
.TE239 {
top: 128px;
left: 1336px;
left: 1346px;
}
.TE241 {
top: 128px;
@ -128,70 +128,70 @@
/** center bottom **/
.TE228 {
top: 620px;
left: 588px;
left: 628px;
}
.TE230 {
top: 620px;
left: 710px;
left: 750px;
}
.TE232 {
top: 620px;
left: 836px;
left: 870px;
}
.TE234 {
top: 620px;
left: 965px;
left: 995px;
}
.TE236 {
top: 620px;
left: 1090px;
left: 1120px;
}
.TE238 {
top: 620px;
left: 1215px;
left: 1245px;
}
.TE240 {
top: 620px;
left: 1340px;
left: 1370px;
}
.TE242 {
top: 620px;
left: 1460px;
left: 1480px;
}
/** center middle **/
.TE201 {
top: 410px;
transform: rotate(-1deg);
left: 450px;
left: 480px;
}
.TE202 {
top: 410px;
transform: rotate(-1deg);
left: 580px;
left: 610px;
}
.TE203 {
top: 410px;
transform: rotate(-1deg);
left: 710px;
left: 740px;
}
.TE204 {
top: 410px;
transform: rotate(-1deg);
left: 840px;
left: 870px;
}
.TE205 {
top: 410px;
transform: rotate(-1deg);
left: 970px;
left: 1000px;
}
.TE206 {
top: 410px;
transform: rotate(-1deg);
left: 1100px;
left: 1130px;
}
.TE207 {
top: 335px;
top: 330px;
transform: rotate(-1deg);
left: 1260px;
}
@ -213,58 +213,58 @@
.TE211 {
top: 410px;
transform: rotate(-1deg);
left: 1530px;
left: 1520px;
}
.TE212 {
top: 410px;
transform: rotate(-1deg);
left: 1660px;
left: 1650px;
}
.TE213 {
top: 410px;
transform: rotate(-1deg);
left: 1790px;
left: 1780px;
}
/** right **/
.TE214 {
top: 160px;
top: 168px;
left: 2000px;
}
.TE215 {
top: 265px;
left: 2020px;
left: 2030px;
}
.TE216 {
top: 400px;
left: 2030px;
}
.TE217 {
top: 535px;
left: 2050px;
}
.TE217 {
top: 520px;
left: 2070px;
}
.TE218 {
top: 670px;
left: 2080px;
top: 640px;
left: 2090px;
}
.TE219 {
top: 160px;
top: 168px;
left: 2120px;
}
.TE220 {
top: 265px;
left: 2140px;
left: 2135px;
}
.TE221 {
top: 400px;
left: 2150px;
}
.TE222 {
top: 535px;
left: 2170px;
}
.TE222 {
top: 520px;
left: 2180px;
}
.TE223 {
top: 670px;
top: 640px;
left: 2200px;
}
.TE224 {
@ -273,9 +273,9 @@
}
.TE225 {
top: 400px;
left: 2310px;
left: 2290px;
}
.TE226 {
top: 535px;
left: 2280px;
top: 520px;
left: 2290px;
}

2
src/components/Common/TemperatureTop/index.jsx
View File

@ -26,7 +26,7 @@ function TemperatureTop(props) {
top: "0",
left: "0",
width: "100%",
height: "95vh",
height: "80vh",
background: "#ccc3",
zIndex: "-1",
...props.style

10
src/components/Modules/KilnInner/Center/videoComponents/EnterToFloor1.jsx
View File

@ -2,7 +2,7 @@ import { motion, AnimatePresence } from "framer-motion";
import { useRef, useEffect, useMemo, useCallback, useState } from "react";
import cls from "../index.module.css";
// import SocketContext from '../../../../../store/socket-data-provider';
import { useContext } from "react";
import TemperatureTop from "../../../../Common/TemperatureTop";
function EnterToFloorOne(props) {
// const ctx = useContext(SocketContext);
@ -83,6 +83,14 @@ function EnterToFloorOne(props) {
transition: { duration: 0.3, delay: 2 },
}}
></motion.div> */}
{/* <TemperatureTop
style={{
top: "208px",
left: "638px",
width: "2380px",
zIndex: 0,
}}
/> */}
</motion.div>
)}
</AnimatePresence>

18
src/components/Modules/KilnInner/Center/videoComponents/Floor1To2.jsx
View File

@ -2,11 +2,11 @@ import { motion, AnimatePresence } from "framer-motion";
import { useRef, useEffect, useMemo, useState } from "react";
import cls from "../index.module.css";
// import SocketContext from '../../../../../store/socket-data-provider';
import { useContext } from "react";
// import { useContext } from "react";
import TemperatureTop from "../../../../../components/Common/TemperatureTop";
function FloorOneToTwo(props) {
// const ctx = useContext(SocketContext);
const ctx = null;
const fireDir = ctx?.runState?.fireDirection || null;
@ -74,7 +74,7 @@ function FloorOneToTwo(props) {
></video>
)}
<motion.div
{/* <motion.div
className={cls.videoLayer2}
key="1to2div"
style={{
@ -87,7 +87,15 @@ function FloorOneToTwo(props) {
opacity: [0, 0, 0, 0.6, 1],
transition: { duration: 0.3, delay: 2 },
}}
></motion.div>
></motion.div> */}
<TemperatureTop
style={{
top: "208px",
left: "638px",
width: "2380px",
zIndex: 0,
}}
/>
</motion.div>
)}
</AnimatePresence>

15
src/components/Modules/KilnInner/Center/videoComponents/Floor2To1.jsx
View File

@ -87,16 +87,15 @@ function FloorTwoToOne(props) {
transition: { duration: 0.3, delay: 2 },
}}
></motion.div> */}
<TemperatureTop
style={{
top: "208px",
left: "638px",
width: "2380px",
zIndex: 0
}}
/>
</motion.div>
)}
{/* style={{
top: "208px",
left: "638px",
width: "2380px",
zIndex: 0,
}} */}
{/* <TemperatureTop /> */}
</AnimatePresence>
);
}