From a420bbcda0de10216d4942f1fa6789c7ff1adca3 Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Thu, 25 Aug 2022 10:36:23 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AD=E5=BB=BA=E5=9B=9B=E5=B1=80(=E8=A7=86?=
 =?UTF-8?q?=E9=A2=91=E7=9B=91=E6=8E=A7)=EF=BC=9A=E5=AE=8C=E6=88=90?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/projectAdmin/zjsj/monitor/index.vue | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/views/projectAdmin/zjsj/monitor/index.vue b/src/views/projectAdmin/zjsj/monitor/index.vue
index 5560803e..f37106ab 100644
--- a/src/views/projectAdmin/zjsj/monitor/index.vue
+++ b/src/views/projectAdmin/zjsj/monitor/index.vue
@@ -1,5 +1,7 @@
 <template>
-  <div class="monitor">monitor</div>
+  <div class="monitor">
+    <div class="video" v-for="i in 12" :key="i"></div>
+  </div>
 </template>
 
 <script>
@@ -10,7 +12,15 @@ export default {}
 .monitor {
   width: 100%;
   height: 100%;
-  background: url(../assets/temp/8.png) no-repeat;
-  background-size: 100% 100%;
+  // background: url(../assets/temp/8.png) no-repeat;
+  // background-size: 100% 100%;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  .video {
+    width: 24.5%;
+    height: 32%;
+    border: 1px solid skyblue;
+  }
 }
 </style>