mt-fe-group/dezhou-screen
8
0
Fork 0
Código Issues Pull requests Versões Wiki Atividade

add video

Ver código fonte
Esse commit está contido em:
lb 2023-05-11 09:37:06 +08:00
commit 678a29b37e
3 arquivos alterados com 137 adições e 87 exclusões
Mostrar estatísticas Baixar arquivo de patch Baixar arquivo de diferenças Expandir todos os arquivos Colapsar todos os arquivos

BIN
src/assets/videos/fire-to-bottom.mp4 Arquivo normal
Ver arquivo

Arquivo binário não exibido.

BIN
src/assets/videos/fire-to-top.mp4 Arquivo normal
Ver arquivo

Arquivo binário não exibido.

224
src/components/layout/Main.vue
Ver arquivo

@ -1,40 +1,90 @@
<template>
<main class="">
<div class="eq-main absolute"></div>
<main class="">
<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>
<AreaOne style="position: absolute; top: 160px; left: 1588px" />
<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>
<div class="absolute left kiln-runtime">
<KilnRuntime />
</div>
<div class="absolute left kiln-pressure">
<KilnPressure />
</div>
<div class="absolute left fan-runtime">
<FanRuntime />
</div>
<div class="absolute left oil-flow">
<OilFlow />
</div>
<div class="absolute left gas-flow">
<GasFlow />
</div>
<div class="absolute left top-temp">
<TopTemp />
</div>
<div class="absolute left bottom-temp">
<BottomTemp />
</div>
<div class="absolute left ou-temp">
<XicaoTemp />
</div>
<div class="absolute in-water">
<InWater />
</div>
<div class="absolute out-water">
<OutWater />
</div>
</main>
<AreaOne style="position: absolute; top: 160px; left: 1588px" />
<div class="absolute left kiln-runtime">
<KilnRuntime />
</div>
<div class="absolute left kiln-pressure">
<KilnPressure />
</div>
<div class="absolute left fan-runtime">
<FanRuntime />
</div>
<div class="absolute left oil-flow">
<OilFlow />
</div>
<div class="absolute left gas-flow">
<GasFlow />
</div>
<div class="absolute left top-temp">
<TopTemp />
</div>
<div class="absolute left bottom-temp">
<BottomTemp />
</div>
<div class="absolute left ou-temp">
<XicaoTemp />
</div>
<div class="absolute in-water">
<InWater />
</div>
<div class="absolute out-water">
<OutWater />
</div>
</main>
</template>
<script>
@ -52,24 +102,24 @@ import AreaOne from "../isolate-area-1/Area.vue";
// import Container from './Container.vue'
export default {
name: "Main",
components: {
AreaOne,
KilnRuntime,
KilnPressure,
FanRuntime,
OilFlow,
GasFlow,
TopTemp,
BottomTemp,
XicaoTemp,
InWater,
OutWater,
},
props: {},
data() {
return {};
},
name: "Main",
components: {
AreaOne,
KilnRuntime,
KilnPressure,
FanRuntime,
OilFlow,
GasFlow,
TopTemp,
BottomTemp,
XicaoTemp,
InWater,
OutWater,
},
props: {},
data() {
return {};
},
};
</script>
@ -77,23 +127,23 @@ export default {
@import "../../assets/styles/functions";
main {
height: 1px;
flex: 1;
// background: #eee2;
height: 1px;
flex: 1;
// background: #eee2;
}
.eq-main {
width: w(7150px);
height: h(960px);
background: url(../../assets/eq.png) no-repeat;
background-size: 100%;
top: 170px;
left: 380px;
position: relative;
width: w(7150px);
height: h(960px);
background: url(../../assets/eq.png) no-repeat;
background-size: 100%;
top: 170px;
left: 380px;
position: relative;
}
.eq-main::after {
content: '';
content: "";
position: absolute;
right: 1000px;
top: 164px;
@ -104,52 +154,52 @@ main {
}
.kiln-runtime {
top: h(200px);
left: w(60px);
top: h(200px);
left: w(60px);
}
.kiln-pressure {
top: h(610px);
left: w(60px);
top: h(610px);
left: w(60px);
}
.fan-runtime {
top: h(1020px);
left: w(60px);
top: h(1020px);
left: w(60px);
}
.oil-flow {
top: h(1588px);
left: w(60px);
top: h(1588px);
left: w(60px);
}
.gas-flow {
top: h(1588px);
left: w(1660px);
top: h(1588px);
left: w(1660px);
}
.top-temp {
top: h(1588px);
left: w(3260px);
top: h(1588px);
left: w(3260px);
}
.bottom-temp {
top: h(1588px);
left: w(4860px);
top: h(1588px);
left: w(4860px);
}
.ou-temp {
top: h(1588px);
left: w(6460px);
top: h(1588px);
left: w(6460px);
}
.in-water {
top: h(200px);
left: w(8096px);
// left: w(5096px);
z-index: 100;
top: h(200px);
left: w(8096px);
// left: w(5096px);
z-index: 100;
}
.out-water {
top: h(1177px);
left: w(8096px);
// left: w(5096px);
z-index: 100;
top: h(1177px);
left: w(8096px);
// left: w(5096px);
z-index: 100;
}
</style>