全屏

src/views/traffic/components/box-2.vue

@@ -11,7 +11,7 @@
         {{ item.name }}
       </li>
     </ul>
-	<div>
+	<div class="flex-1">
 		<div class="title-1">
 		  <div class="title">
 		    <span> 核心路段 </span>
@@ -231,6 +231,10 @@
 </script>
 
 <style lang="scss" scoped>
+	.flex-1{
+		flex:1;
+		overflow:hidden;
+	}
 	.title-1 {
 	  position: relative;
 	  margin-bottom:vh(20);
@@ -258,6 +262,7 @@
   .box-2 {
     margin-top: vh(120);
     display: flex;
+	flex:1;
   }
   .nav {
     width: vw(230);
@@ -294,7 +299,8 @@
   .traffic-map-big {
     position: relative;
     z-index: 9;
-    width: vw(2116);
+    // width: vw(2116);
+	width:100%;
     height: vh(890);
     margin-left: vw(8);
     box-sizing: border-box;
@@ -302,7 +308,7 @@
     background-size: 100% 100%;
   }
   .traffic-map {
-    width: vw(1500) !important;
+    // width: vw(1500) !important;
   }
   .video-list {
     width: vw(320);