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

update

Browse Source
This commit is contained in:
lb 2023-06-09 09:35:48 +08:00
parent 5f2ad448aa
commit d66f0b1e05
3 changed files with 16 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/boxes/FanRuntime.vue
View File

@ -2,20 +2,19 @@
<!-- 风机运行情况 -->
<Container usage="Table">
<SubContainer title="风机运行情况" icon="fan" padding="24px 32px">
<div class="tables flex" style="height: 100%">
<div class="tables flex relative" style="height: 100%">
<div class="table-wrapper flex-1 align-start">
<div v-if="tableData1 && tableData1.length === 0" style="
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #eee1;
font-size: 18px;
letter-spacing: 2px;
color: #3C4E8B;
display: grid;
place-items: center;
font-size: 18px;
letter-spacing: 2px;
color: #eee;
user-select: none;
">无数据</div>
<table class="table-1">
<thead>

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

@ -51,12 +51,12 @@
</div>
</div>
<div class="video-bottom--wrapper" v-show="fireDirection === '北火'" style="">
<div class="video-bottom--wrapper" v-show="true || fireDirection === '北火'" style="">
<video class="video-bottom" id="1" preload="auto" height="130" muted autoplay loop disablepictureinpicture
src="../../assets/videos/fire-to-top.mp4"></video>
</div>
<div class="video-top--wrapper" v-show="fireDirection === '南火'" style="">
<div class="video-top--wrapper" v-show="true || fireDirection === '南火'" style="">
<video id="2" class="video-top" preload="auto" height="130" muted autoplay loop disablepictureinpicture
src="../../assets/videos/fire-to-bottom.mp4"></video>
</div>
@ -309,7 +309,7 @@ main {
background: url(../../assets/eq.png) no-repeat;
background-size: 100%;
top: adjust(h(220px));
left: adjust(w(6500px));
left: adjust(w(6600px));
position: relative;
transform: rotateY(0.5turn);
}
@ -323,7 +323,7 @@ main {
height: adjust(75px);
background: url(../../assets/mirror.png) no-repeat;
background-size: 100% 100%;
animation: 10s linear 0.3s infinite mirror-to-left-2;
// animation: 10s linear 0.3s infinite mirror-to-left-2;
}
.eq-main::after {
@ -335,7 +335,7 @@ main {
height: adjust(75px);
background: url(../../assets/mirror.png) no-repeat;
background-size: 100% 100%;
animation: 10s linear 5s infinite mirror-to-left;
// animation: 10s linear 5s infinite mirror-to-left;
}
@keyframes mirror-to-left {

12
src/components/layout/SubContainer.vue
View File

@ -72,12 +72,12 @@ export default {
}
.icon-oil {
background: url(../../assets/oil.png) top 15% left 0 / 95% 85% no-repeat;
background: url(../../assets/oil.png) top -1px left 0 / 90% 75% no-repeat;
margin-right: 6px;
}
.icon-gas {
background: url(../../assets/gas-icon.png) top 15% left 0 / 95% 85% no-repeat;
background: url(../../assets/gas-icon.png) top -1px left 0 / 90% 75% no-repeat;
margin-right: 6px;
}
@ -87,17 +87,17 @@ export default {
}
.icon-fan {
background: url(../../assets/fan-icon.png) top 15% left 0 / 95% 85% no-repeat;
background: url(../../assets/fan-icon.png) top -1px left 0 / 90% 75% no-repeat;
margin-right: 6px;
}
.icon-kiln-top {
background: url(../../assets/kiln-top-icon.png) top 15% left 0 / 95% 85% no-repeat;
background: url(../../assets/kiln-top-icon.png) top -1px left 0 / 90% 75% no-repeat;
margin-right: 6px;
}
.icon-kiln-bottom {
background: url(../../assets/kiln-bottom-icon.png) top 15% left 0 / 95% 85% no-repeat;
background: url(../../assets/kiln-bottom-icon.png) top -1px left 0 / 90% 75% no-repeat;
margin-right: 6px;
}
@ -106,7 +106,7 @@ export default {
}
.title {
font-size: adjust(h(52px));
font-size: adjust(h(40px));
letter-spacing: 1px;
color: #3565ff;
font-family: sans-serif;