From db8056a97360b3fd6dd6a6d13debad6f87f44a07 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=98=AF=E5=B0=8F=E7=8E=8B=E5=91=80=5C24601?=
 <819653817@qq.com>
Date: Tue, 5 Nov 2024 18:25:47 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E9=A2=91=E7=9B=91=E6=8E=A7=E7=9A=84?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/scss/dataBoard/IoTPerception/index.scss   |  1 +
 .../IoTPerception/Videosurveillance/index.scss       | 12 ++++++++++++
 .../IoTPerception/Videosurveillance/index.vue        |  6 +-----
 3 files changed, 14 insertions(+), 5 deletions(-)
 create mode 100644 src/views/dataBoard/IoTPerception/Videosurveillance/index.scss

diff --git a/src/assets/scss/dataBoard/IoTPerception/index.scss b/src/assets/scss/dataBoard/IoTPerception/index.scss
index 00d63602c..0aefe98dd 100644
--- a/src/assets/scss/dataBoard/IoTPerception/index.scss
+++ b/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%;
diff --git a/src/views/dataBoard/IoTPerception/Videosurveillance/index.scss b/src/views/dataBoard/IoTPerception/Videosurveillance/index.scss
new file mode 100644
index 000000000..0c580d4c4
--- /dev/null
+++ b/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;
+            }
+    }
+}
\ No newline at end of file
diff --git a/src/views/dataBoard/IoTPerception/Videosurveillance/index.vue b/src/views/dataBoard/IoTPerception/Videosurveillance/index.vue
index 709264d1d..e743f425e 100644
--- a/src/views/dataBoard/IoTPerception/Videosurveillance/index.vue
+++ b/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;