update

src/views/ZMOverView/index.vue

@@ -2,7 +2,7 @@
 <template>
 	<div class="home-wrapper">
 		<img :src="background" alt="" class="background-img" />
-		<div class="home-header">
+		<!-- <div class="home-header">
 			<div class="header-left">
 				<HeaderMenu></HeaderMenu>
 			</div>
@@ -21,7 +21,7 @@
 					</div>
 				</div>
 			</div>
-		</div>
+		</div> -->
 		<div class="content-box">
 			<!-- 导航栏 -->
 			<div class="content-nav">
@@ -168,92 +168,91 @@ const handleDateClick = type => {
 		width: 100%;
 		height: 700px;
 		position: absolute;
-		top: 64px;
 		left: 0;
 		z-index: -1;
 	}
-	.home-header {
-		height: 64px;
-		flex-shrink: 0;
-		z-index: 100;
-		background: url("./assets/images/header-bg.png") no-repeat center center;
-		background-size: 100% 100%;
-		box-sizing: border-box;
-		padding: 0 160px;
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		.header-right {
-			.header-search-box {
-				display: flex;
-				gap: 12px;
-				justify-content: flex-end;
+	// .home-header {
+	// 	height: 64px;
+	// 	flex-shrink: 0;
+	// 	z-index: 100;
+	// 	background: url("./assets/images/header-bg.png") no-repeat center center;
+	// 	background-size: 100% 100%;
+	// 	box-sizing: border-box;
+	// 	padding: 0 160px;
+	// 	display: flex;
+	// 	justify-content: space-between;
+	// 	align-items: center;
+	// 	.header-right {
+	// 		.header-search-box {
+	// 			display: flex;
+	// 			gap: 12px;
+	// 			justify-content: flex-end;
 
-				.header-search-left {
-					width: 360px;
-					height: 36px;
-					line-height: 36px;
-					border-radius: 4px;
-					background: rgba(255, 255, 255, 0.3);
-					display: flex;
+	// 			.header-search-left {
+	// 				width: 360px;
+	// 				height: 36px;
+	// 				line-height: 36px;
+	// 				border-radius: 4px;
+	// 				background: rgba(255, 255, 255, 0.3);
+	// 				display: flex;
 
-					.input-box {
-						width: 324px;
-						:deep(.el-input) {
-							.el-input__wrapper {
-								background-color: transparent !important;
-								box-shadow: none !important;
-								padding: 0 12px;
-							}
-							.el-input__inner {
-								color: #fff;
-								height: 36px;
-								line-height: 36px;
-								&::placeholder {
-									color: rgba(255, 255, 255, 0.6);
-								}
-							}
-						}
-					}
+	// 				.input-box {
+	// 					width: 324px;
+	// 					:deep(.el-input) {
+	// 						.el-input__wrapper {
+	// 							background-color: transparent !important;
+	// 							box-shadow: none !important;
+	// 							padding: 0 12px;
+	// 						}
+	// 						.el-input__inner {
+	// 							color: #fff;
+	// 							height: 36px;
+	// 							line-height: 36px;
+	// 							&::placeholder {
+	// 								color: rgba(255, 255, 255, 0.6);
+	// 							}
+	// 						}
+	// 					}
+	// 				}
 
-					.icon {
-						width: 36px;
-						height: 36px;
-						border-radius: 4px;
-						cursor: pointer;
-						&:hover {
-							background: rgba(255, 255, 255, 0.5);
-						}
+	// 				.icon {
+	// 					width: 36px;
+	// 					height: 36px;
+	// 					border-radius: 4px;
+	// 					cursor: pointer;
+	// 					&:hover {
+	// 						background: rgba(255, 255, 255, 0.5);
+	// 					}
 
-						img {
-							width: 100%;
-							height: 100%;
-						}
-					}
-				}
+	// 					img {
+	// 						width: 100%;
+	// 						height: 100%;
+	// 					}
+	// 				}
+	// 			}
 
-				.header-search-right {
-					width: 36px;
-					height: 36px;
-					line-height: 36px;
-					border-radius: 4px;
-					background: rgba(255, 255, 255, 0.3);
-					cursor: pointer;
+	// 			.header-search-right {
+	// 				width: 36px;
+	// 				height: 36px;
+	// 				line-height: 36px;
+	// 				border-radius: 4px;
+	// 				background: rgba(255, 255, 255, 0.3);
+	// 				cursor: pointer;
 
-					.header-img-box {
-						width: 19px;
-						height: 24px;
-						margin: 5px auto;
+	// 				.header-img-box {
+	// 					width: 19px;
+	// 					height: 24px;
+	// 					margin: 5px auto;
 
-						img {
-							width: 100%;
-							height: 100%;
-						}
-					}
-				}
-			}
-		}
-	}
+	// 					img {
+	// 						width: 100%;
+	// 						height: 100%;
+	// 					}
+	// 				}
+	// 			}
+	// 		}
+	// 	}
+	// }
 
 	.content-box {
 		flex: 1;
@@ -262,7 +261,7 @@ const handleDateClick = type => {
 		padding-top: 48px;
 		.us-pressure-section {
 			position: relative;
-			margin-top: 64px;
+			// margin-top: 64px;
 			.data-select {
 				width: 120px;
 				height: 144px;