修复了上一次提交的监控界面BUG

src/common/m3u8.vue

@@ -6,8 +6,6 @@
     :events="events"
     @ready="playerReadied"
     @fullscreenchange="onPlayerFullScreenchange"
-    width="240"
-    height="160"
   >
   </video-player>
 </template>
@@ -78,7 +76,7 @@ export default {
   pointer-events: none;
 }
 .video-js {
-    width: 240px;
-    height: 160px;
+  width: 261px;
+  height: 136px;
 }
 </style>

src/router/index.js

@@ -531,7 +531,7 @@ const router = new Router({
           path: "/main",
           name: "主界面",
           id: 111,
-          component: () => import("../views/newmain.vue"),
+          component: () => import("../views/newMain.vue"),
           hidden: false,
         },
         {

src/views/newmain.vue

@@ -65,7 +65,7 @@ export default {
       rgba(0, 0, 0, 0.25) 200%
     );
   width: 100%;
-  height: 100vh;
+  height: 890px;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-template-rows: repeat(5, 1fr);
@@ -84,7 +84,7 @@ export default {
 }
 .item9 {
   display: grid;
-  grid-template-columns: repeat(3, 260px);
+  grid-template-columns: repeat(3, 261px);
   grid-gap: 5px;
 }
 </style>