视频监控的样式

src/assets/scss/dataBoard/IoTPerception/index.scss

@@ -201,6 +201,7 @@
 
 .m-box {
 	width: 460px;
+	height:320px;
 	// background: linear-gradient(144deg, rgba(46, 164, 255, 0.1) 0%, rgba(46, 164, 255, 0) 100%);
 	background: url('@/assets/images/shuju/overview/box-bg.png') no-repeat;
 	background-size: 100% 100%;

src/views/dataBoard/IoTPerception/Videosurveillance/index.scss

@@ -0,0 +1,12 @@
+.m-jdjs{
+    // margin: 20px 15px;
+    .m-jdjs-js{
+        display: grid;
+        grid-template-columns: repeat(2, 1fr); /* 每行 2 个元素，1fr 是均分空间 */
+        gap: 10px; /* 设置每个元素之间的间距 */
+        img {
+                width: 210px;
+                height: 120px;
+            }
+    }
+}

src/views/dataBoard/IoTPerception/Videosurveillance/index.vue

@@ -1,14 +1,10 @@
 <template>
     <div class="m-jdjs">
       <div class="m-jdjs-js">
-        <div class="m-jdjs-js-img">
           <img src="../image/jiedaotu.jpg" />
           <img src="../image/jiedaotu.jpg" />
           <img src="../image/jiedaotu.jpg" />
           <img src="../image/jiedaotu.jpg" />
-        </div>
-     
-
       </div>
 
     </div>
@@ -337,7 +333,7 @@
     },
   };
   </script>
-  <style lang="scss" src="@/assets/scss/dataBoard/overview/index.scss" scoped />
+  <style lang="scss" src="./index.scss" scoped />
   <style lang="scss" scoped>
   /deep/ .el-input__inner {
       width: 90px !important;