mt-fe-group/dezhou-screen
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add video

Browse Source
This commit is contained in:
lb 2023-05-11 09:37:06 +08:00
parent 21541e856f
commit 678a29b37e
3 changed files with 137 additions and 87 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/videos/fire-to-bottom.mp4 Normal file
View File

Binary file not shown.

BIN
src/assets/videos/fire-to-top.mp4 Normal file
View File

Binary file not shown.

54
src/components/layout/Main.vue
View File

@ -1,6 +1,56 @@
<template> <template>
<main class=""> <main class="">
<div class="eq-main absolute"></div> <div class="eq-main absolute">
<!-- style="
position: absolute;
top: 224px;
left: 59px;
transform: scale(1, 1.05);
width: 360px;
height: 100px;
" -->
<div
class="video-bottom"
style="
position: absolute;
bottom: 151px;
left: 65px;
transform: scale(1.02, 1.05);
"
>
<video
id="1"
preload="auto"
height="100"
autoplay
loop
disablepictureinpicture
src="../../assets/videos/fire-to-top.mp4"
></video>
</div>
<div
class="video-bottom"
style="
position: absolute;
top: 131px;
left: 72px;
transform: scale(1.02, 1.05);
"
>
<video
id="2"
class="video-top"
preload="auto"
height="100"
autoplay
loop
disablepictureinpicture
src="../../assets/videos/fire-to-bottom.mp4"
></video>
</div>
<!-- style="position: absolute; top: 0; left: 0; transform: scale(1, 1.05) width: 360px; height: 100px;" -->
</div>
<AreaOne style="position: absolute; top: 160px; left: 1588px" /> <AreaOne style="position: absolute; top: 160px; left: 1588px" />
@ -93,7 +143,7 @@ main {
} }
.eq-main::after { .eq-main::after {
content: ''; content: "";
position: absolute; position: absolute;
right: 1000px; right: 1000px;
top: 164px; top: 164px;