Sfoglia il codice sorgente

修复数据大屏定位引起的层级问题

xiongxing 4 giorni fa
parent
commit
7243935365
1 ha cambiato i file con 18 aggiunte e 14 eliminazioni
  1. 18 14
      src/layout/index.vue

+ 18 - 14
src/layout/index.vue

@@ -431,8 +431,8 @@
 					<div>🚨🚨 SOS紧急预警 🚨🚨</div>
 					`
 				}),
-				// duration: 10,
-				duration: null,
+				duration: 10,
+				// duration: null,
 				class: 'my-warning-notification',
 				style: {
 					background: 'linear-gradient(135deg, #1e4184 0%, #3469e3 100%) !important',
@@ -513,7 +513,7 @@
 			</div>
 		</div>
 		<div class="layout">
-			<img src="../assets/img/common/bg3.png" alt="" />
+			<!-- <img src="../assets/img/common/bg3.png" alt="" /> -->
 			<div class="title">
 				<div class="flex title_item full_screen" @click="toggle">
 					<FullscreenOutlined />
@@ -600,12 +600,16 @@
 	}
 
 	.layout {
+		background-image: url('../assets/img/common/bg3.png');
+		background-repeat: no-repeat;
+		background-size: cover;
+		background-position: center;
 		.title {
-			z-index: 50;
-			position: absolute;
-			top: 0;
-			right: 0;
-			left: 0;
+			// z-index: 50;
+			// position: absolute;
+			// top: 0;
+			// right: 0;
+			// left: 0;
 			height: 120px;
 
 			.title_item {
@@ -747,12 +751,12 @@
 		}
 
 		.content {
-			position: absolute;
-			top: 120px;
-			left: 0;
-			right: 0;
-			bottom: 70px;
-			z-index: 40;
+			// position: absolute;
+			// top: 120px;
+			// left: 0;
+			// right: 0;
+			// bottom: 70px;
+			// z-index: 40;
 		}
 	}
 </style>