update video

This commit is contained in:
lb 2024-01-25 16:15:53 +08:00
parent 0bd1f8dcac
commit 0da9ba434d
4 changed files with 39 additions and 4 deletions

BIN
public/video/east_fire.webm Normal file

Binary file not shown.

BIN
public/video/west_fire.webm Normal file

Binary file not shown.

View File

@ -57,7 +57,7 @@ body {
width: 100%; width: 100%;
height: 486px; height: 486px;
margin-top: 160px; margin-top: 160px;
background: url(./assets/moxing.png) no-repeat; /* background: url(./assets/moxing.png) no-repeat; */
background-position: 50% 50%; background-position: 50% 50%;
background-size: 170% 200%; background-size: 170% 200%;
position: relative; position: relative;

View File

@ -49,9 +49,44 @@ export default function Home({ active }) {
<CenterTopData /> <CenterTopData />
</motion.div> </motion.div>
</AnimatePresence> </AnimatePresence>
<div key="v3d" className="V3DBorder" style={{ zIndex: -2 }}></div>
<div key="v3d" className="V3DBorder" style={{ zIndex: -2 }}>
{fireDir && fireDir == "东火" && ( {fireDir && fireDir == "东火" && (
<video
src="/video/east_fire.webm"
muted
autoPlay
loop
width={4200}
style={{
position: "absolute",
top: "-320px",
left: "-850px",
zIndex: -1,
transform: "scale(0.9)",
}}
></video>
)}
{fireDir && fireDir == "西火" && (
<video
src="/video/west_fire.webm"
muted
autoPlay
loop
width={4200}
style={{
position: "absolute",
top: "-320px",
left: "-850px",
zIndex: -1,
transform: "scale(0.9)",
}}
></video>
)}
</div>
{/* {fireDir && fireDir == "" && (
<video <video
src="/video/fire_little_top.webm" src="/video/fire_little_top.webm"
muted muted
@ -81,7 +116,7 @@ export default function Home({ active }) {
zIndex: -1, zIndex: -1,
}} }}
></video> ></video>
)} )} */}
<div key="bottom-bar" className="Button"> <div key="bottom-bar" className="Button">
<BottomBar /> <BottomBar />