两侧浮标隐藏

src/views/index.vue

@@ -1,13 +1,14 @@
 <template>
 	<div class="main">
-		<div class="img-fixed1">
+		<!-- 两侧浮标 -->
+		<!-- <div class="img-fixed1">
 			 
 			<img src="../assets/img/fixed1.jpg" alt="">
-		</div>
-		<div class="img-fixed2">
+		</div> -->
+		<!-- <div class="img-fixed2">
 			 
 			<img src="../assets/img/fixed2.jpg" alt="">
-		</div>
+		</div> -->
 			<indexTop ></indexTop>
 			<!-- 导航 -->
 			<indexNavigation class="indexNav"></indexNavigation>
@@ -938,7 +939,6 @@
 						align-items: center;
 						margin-bottom: 8px;
 						padding-left: 8px;
-
 						img {
 							width: 40px;
 							height: 40px;
@@ -1094,26 +1094,27 @@
 	}
 
 .img-fixed1{
-	width: 80px;
-	height: 220px;
+	
+	width: 10vw;
+	height: 40vh;
 	position: fixed;
 	left: 10px;
-	bottom: 60px;
+	bottom: 15vh;
 	z-index: 999;
 	img{
-		width: 100%;
+		width:100%;
 	}
 }
 
 .img-fixed2{
-	width: 80px;
-	height: 220px;
+	width: 10vw;
+	height: 40vh;
 	position: fixed;
 	right: 10px;
-	bottom: 60px;
+	bottom: 15vh;
 	z-index: 999;
 	img{
-		width: 100%;
+		width:100%;
 	}
 }
 @media (min-width:1610px) {
@@ -1148,5 +1149,30 @@
   
   
 }
-
+@media (min-width:1900px) {
+  .img-fixed1{
+	  height: 300px;
+    left: 6vw;
+  }
+  .img-fixed2{
+	  height: 300px;
+	  right:6vw;
+  }
+  
+}
+@media (min-width:2000px) {
+  .img-fixed1{
+	  width: 12vw;
+	  height: 30vh;
+    left: 13vw;
+	 bottom:35vh;
+  }
+  .img-fixed2{
+	  width: 12vw;
+	  height: 30vh;
+	  right:13vw;
+	  bottom:35vh;
+  }
+  
+}
 </style>