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

update kiln inner

Browse Source
This commit is contained in:
lb 2024-01-26 11:11:26 +08:00
parent 0b48f68078
commit b0e7a7ca34
11 changed files with 53 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/video/1to2.webm
View File

Binary file not shown.

BIN
public/video/1to2_old.webm Normal file
View File

Binary file not shown.

BIN
public/video/2to1.webm
View File

Binary file not shown.

BIN
public/video/2to1_old.webm Normal file
View File

Binary file not shown.

BIN
public/video/enter.webm
View File

Binary file not shown.

BIN
public/video/enter_old.webm Normal file
View File

Binary file not shown.

0
public/video/floor1.webm → public/video/floor1_old.webm
View File

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

@ -162,67 +162,67 @@
/** center middle **/ /** center middle **/
.TE201 { .TE201 {
top: 410px; top: 410px;
transform: rotate(-1deg); /* transform: rotate(-1deg); */
left: 480px; left: 480px;
} }
.TE202 { .TE202 {
top: 410px; top: 410px;
transform: rotate(-1deg); /* transform: rotate(-1deg); */
left: 610px; left: 610px;
} }
.TE203 { .TE203 {
top: 410px; top: 410px;
transform: rotate(-1deg); /* transform: rotate(-1deg); */
left: 740px; left: 740px;
} }
.TE204 { .TE204 {
top: 410px; top: 410px;
transform: rotate(-1deg); /* transform: rotate(-1deg); */
left: 870px; left: 870px;
} }
.TE205 { .TE205 {
top: 410px; top: 410px;
transform: rotate(-1deg); /* transform: rotate(-1deg); */
left: 1000px; left: 1000px;
} }
.TE206 { .TE206 {
top: 410px; top: 410px;
transform: rotate(-1deg); /* transform: rotate(-1deg); */
left: 1130px; left: 1130px;
} }
.TE207 { .TE207 {
top: 330px; top: 330px;
transform: rotate(-1deg); /* transform: rotate(-1deg); */
left: 1260px; left: 1260px;
} }
.TE208 { .TE208 {
top: 410px; top: 410px;
transform: rotate(-1deg); /* transform: rotate(-1deg); */
left: 1260px; left: 1260px;
} }
.TE209 { .TE209 {
top: 485px; top: 485px;
transform: rotate(-1deg); /* transform: rotate(-1deg); */
left: 1260px; left: 1260px;
} }
.TE210 { .TE210 {
top: 410px; top: 410px;
transform: rotate(-1deg); /* transform: rotate(-1deg); */
left: 1390px; left: 1390px;
} }
.TE211 { .TE211 {
top: 410px; top: 410px;
transform: rotate(-1deg); /* transform: rotate(-1deg); */
left: 1520px; left: 1520px;
} }
.TE212 { .TE212 {
top: 410px; top: 410px;
transform: rotate(-1deg); /* transform: rotate(-1deg); */
left: 1650px; left: 1650px;
} }
.TE213 { .TE213 {
top: 410px; top: 410px;
transform: rotate(-1deg); /* transform: rotate(-1deg); */
left: 1780px; left: 1780px;
} }
@ -309,45 +309,45 @@
/** center top **/ /** center top **/
.TE333 { .TE333 {
top: 128px; top: 128px;
left: 670px; left: 660px;
} }
.TE335 { .TE335 {
top: 128px; top: 128px;
left: 785px; left: 775px;
} }
.TE337 { .TE337 {
top: 128px; top: 128px;
left: 890px; left: 880px;
} }
.TE339 { .TE339 {
top: 128px; top: 128px;
left: 1010px; left: 1000px;
} }
.TE341 { .TE341 {
top: 128px; top: 128px;
left: 1120px; left: 1110px;
} }
.TE343 { .TE343 {
top: 128px; top: 128px;
left: 1235px; left: 1225px;
} }
.TE345 { .TE345 {
top: 128px; top: 128px;
left: 1345px; left: 1335px;
} }
.TE347 { .TE347 {
top: 128px; top: 128px;
left: 1450px; left: 1440px;
} }
/** center bottom **/ /** center bottom **/
.TE334 { .TE334 {
top: 620px; top: 620px;
left: 620px; left: 610px;
} }
.TE336 { .TE336 {
top: 620px; top: 620px;
left: 740px; left: 730px;
} }
.TE338 { .TE338 {
top: 620px; top: 620px;
@ -355,124 +355,124 @@
} }
.TE340 { .TE340 {
top: 620px; top: 620px;
left: 1000px; left: 980px;
} }
.TE342 { .TE342 {
top: 620px; top: 620px;
left: 1120px; left: 1110px;
} }
.TE344 { .TE344 {
top: 620px; top: 620px;
left: 1245px; left: 1235px;
} }
.TE346 { .TE346 {
top: 620px; top: 620px;
left: 1370px; left: 1360px;
} }
.TE348 { .TE348 {
top: 620px; top: 620px;
left: 1490px; left: 1480px;
} }
/** center middle **/ /** center middle **/
.TE301 { .TE301 {
top: 340px; top: 340px;
transform: scaleY(0.8) skewX(-5deg); transform: scaleY(0.8);
left: 450px; left: 450px;
} }
.TE302 { .TE302 {
top: 400px; top: 400px;
transform: scaleY(0.8) skewX(-5deg); transform: scaleY(0.8);
left: 450px; left: 450px;
} }
.TE303 { .TE303 {
top: 460px; top: 460px;
transform: scaleY(0.8) skewX(-5deg); transform: scaleY(0.8);
left: 450px; left: 450px;
} }
.TE304 { .TE304 {
top: 400px; top: 400px;
/* transform: scaleY(0.8) skewX(-2deg); */ /* transform: scaleY(0.8) skewX(-2deg); */
transform: scaleY(0.8) rotate(-1deg) skewX(-2deg); transform: scaleY(0.8);
left: 580px; left: 580px;
} }
.TE305 { .TE305 {
top: 340px; top: 340px;
/* transform: scaleY(0.8) skewX(-2deg); */ /* transform: scaleY(0.8) skewX(-2deg); */
transform: scaleY(0.8) rotate(-1deg) skewX(-1deg); transform: scaleY(0.8);
left: 720px; left: 720px;
} }
.TE306 { .TE306 {
top: 400px; top: 400px;
/* transform: scaleY(0.8) skewX(-2deg); */ /* transform: scaleY(0.8) skewX(-2deg); */
/* transform: scaleY(0.8) rotate(-1deg); */ /* transform: scaleY(0.8) rotate(-1deg); */
transform: scaleY(0.8) rotate(-1deg) skewX(-1deg); transform: scaleY(0.8);
left: 720px; left: 720px;
} }
.TE307 { .TE307 {
top: 460px; top: 460px;
/* transform: scaleY(0.8) rotate(-1deg); */ /* transform: scaleY(0.8) rotate(-1deg); */
transform: scaleY(0.8) rotate(-1deg) skewX(-1deg); transform: scaleY(0.8);
left: 720px; left: 720px;
} }
.TE308 { .TE308 {
top: 400px; top: 400px;
transform: scaleY(0.8) rotate(-1deg) skewX(-1deg); transform: scaleY(0.8);
left: 860px; left: 860px;
} }
.TE309 { .TE309 {
top: 400px; top: 400px;
transform: scaleY(0.8) rotate(-1deg) skewX(-1deg); transform: scaleY(0.8);
left: 1000px; left: 1000px;
} }
.TE310 { .TE310 {
top: 400px; top: 400px;
transform: scaleY(0.8) rotate(-1deg) skewX(-1deg); transform: scaleY(0.8);
left: 1140px; left: 1140px;
} }
.TE311 { .TE311 {
top: 340px; top: 340px;
transform: scaleY(0.8) rotate(-1deg) skewX(-1deg); transform: scaleY(0.8);
left: 1280px; left: 1280px;
} }
.TE312 { .TE312 {
top: 400px; top: 400px;
transform: scaleY(0.8) rotate(-1deg) skewX(-1deg); transform: scaleY(0.8);
left: 1280px; left: 1280px;
} }
.TE313 { .TE313 {
top: 460px; top: 460px;
transform: scaleY(0.8) rotate(-1deg) skewX(-1deg); transform: scaleY(0.8);
left: 1280px; left: 1280px;
} }
.TE314 { .TE314 {
top: 400px; top: 400px;
transform: scaleY(0.8) rotate(-1deg) skewX(-1deg); transform: scaleY(0.8);
left: 1420px; left: 1420px;
} }
.TE315 { .TE315 {
top: 400px; top: 400px;
transform: scaleY(0.8) rotate(-1deg) skewX(-1deg); transform: scaleY(0.8);
left: 1560px; left: 1560px;
} }
.TE316 { .TE316 {
top: 400px; top: 400px;
transform: scaleY(0.8) rotate(-1deg) skewX(-1deg); transform: scaleY(0.8);
left: 1700px; left: 1700px;
} }
.TE317 { .TE317 {
top: 340px; top: 340px;
transform: scaleY(0.8) rotate(-1deg) skewX(-1deg); transform: scaleY(0.8);
left: 1840px; left: 1840px;
} }
.TE318 { .TE318 {
top: 400px; top: 400px;
transform: scaleY(0.8) rotate(-1deg) skewX(-1deg); transform: scaleY(0.8);
left: 1840px; left: 1840px;
} }
.TE319 { .TE319 {
top: 460px; top: 460px;
transform: scaleY(0.8) rotate(-1deg) skewX(-1deg); transform: scaleY(0.8);
left: 1840px; left: 1840px;
} }

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

@ -49,7 +49,7 @@ function EnterToFloorOne(props) {
<source src="/video/floor1.webm" type="video/mp4" /> <source src="/video/floor1.webm" type="video/mp4" />
</video> </video>
{fireCanPlay && fireDir == "东火" && ( {/* {fireCanPlay && fireDir == "东火" && (
<video <video
src="/video/fire_top.webm" src="/video/fire_top.webm"
muted muted
@ -68,7 +68,7 @@ function EnterToFloorOne(props) {
width={3900} width={3900}
style={{ position: "absolute", top: "-20px", left: "-20px" }} style={{ position: "absolute", top: "-20px", left: "-20px" }}
></video> ></video>
)} )} */}
<TemperatureTop <TemperatureTop
style={{ style={{

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

@ -76,7 +76,8 @@ function FloorOneToTwo(props) {
<TemperatureBottom <TemperatureBottom
style={{ style={{
top: "208px", top: "208px",
left: "638px", // left: "638px",
left: "690px",
width: "2380px", width: "2380px",
zIndex: 0, zIndex: 0,
}} }}

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

@ -76,7 +76,8 @@ function FloorTwoToOne(props) {
<TemperatureTop <TemperatureTop
style={{ style={{
top: "200px", top: "200px",
left: "628px", // left: "628px",
left: "660px",
width: "2380px", width: "2380px",
zIndex: 0, zIndex: 0,
}} }}