update

src/components/layout/Header.vue

@@ -4,7 +4,7 @@
 			<span class="header--logo">
 				<!-- <img src="../../assets/logo.png" alt="logo"> -->
 			</span>
-			<h1>凯盛晶华玻璃院公司800t/d特种玻璃生产线大数据指挥中心</h1>
+			<h1>凯盛晶华玻璃有限公司800t/d特种玻璃生产线大数据指挥中心</h1>
 		</div>
 		<span class="header--wing absolute company"></span>
 		<span class="header--wing absolute datetime"></span>
@@ -23,7 +23,7 @@ export default {
 
 header {
 	background: url(../../assets/header.png) center/contain no-repeat;
-	background-size: 105%;
+	background-size: 100%;
 	height: adjust(h(280px));
 	width: adjust($actual_width);
 	display: grid;
@@ -32,10 +32,10 @@ header {
 	> div {
 		display: flex;
 		align-items: center;
-		margin-bottom: adjust(20px);
+		margin-bottom: adjust(10px);
 
 		.header--logo {
-			width: adjust(56px);
+			width: adjust(102px);
 			height: adjust(56px);
 			background: url(../../assets/logo.png) center/contain no-repeat;
 		}
@@ -62,14 +62,16 @@ header {
 }
 
 .company {
-	margin-left: adjust(w(1420px));
-	width: adjust(w(1460px));
+	margin-left: adjust(w(1460px));
+	width: adjust(w(1320px));
+	height: adjust(h(48px));
 	background: url("../../assets/company.png") center/cover no-repeat;
 }
 
 .datetime {
-	margin-left: adjust(w(6050px));
-	width: adjust(w(1407px));
+	margin-left: adjust(w(6150px));
+	width: adjust(w(1320px));
+	height: adjust(h(48px));
 	background: url("../../assets/date.png") center/cover no-repeat;
 }
 </style>

src/components/layout/Main.vue

@@ -1,5 +1,7 @@
 <template>
 	<main class="">
+		<div class="video-crash" v-if="true"></div>
+
 		<div class="eq-main absolute">
 			<div class="video-bottom" style="">
 				<video
@@ -146,6 +148,17 @@ main {
 	left: adjust(1588px);
 }
 
+.video-crash {
+	height: adjust(h(424px));
+	width: adjust(w(800px));
+	background: url(../../assets/tv.png) no-repeat;
+	background-size: 100%;
+	display: inline-block;
+	position: absolute;
+	top: 356px;
+	left: 1580px;
+}
+
 .video-bottom {
 	position: absolute;
 	bottom: adjust(153.5px);
@@ -168,17 +181,31 @@ main {
 	top: adjust(170px);
 	left: adjust(380px);
 	position: relative;
+	transform: rotateY(0.5turn);
 }
 
 .eq-main::after {
 	content: "";
 	position: absolute;
-	right: adjust(1000px);
+	right: adjust(1200px);
 	top: adjust(164px);
 	width: adjust(150px);
 	height: adjust(150px);
 	background: url(../../assets/mirror.png) no-repeat;
 	background-size: 100% 100%;
+	animation: 10s linear .3s infinite mirror-to-left;
+}
+
+@keyframes mirror-to-left {
+	0% {
+		right: adjust(1200px);
+	}
+	// 50% {
+	// 	right: adjust(800px);
+	// }
+	100% {
+		right: adjust(60px);
+	}
 }
 
 .kiln-runtime {

src/components/layout/SubContainer.vue

@@ -51,8 +51,8 @@ export default {
 }
 
 .icon {
-	height: adjust(16px);
-	width: adjust(16px);
+	height: adjust(17px);
+	width: adjust(17px);
 	margin-right: adjust(8px);
 }
 
@@ -79,7 +79,7 @@ export default {
 .title {
 	/* margin: 12px 0; */
 	margin-bottom: adjust(12px);
-	font-size: adjust(16px);
+	font-size: adjust(17px);
 	color: #72f2ff;
 	font-family: sans-serif;
 	user-select: none;