update

src/components/boxes/FanRuntime.vue

@@ -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>

src/components/layout/Main.vue

@@ -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 {

src/components/layout/SubContainer.vue

@@ -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;