组件调整

src/App.vue

@@ -2,10 +2,15 @@
 </script>
 
 <template>
+  <div class="layout"></div>
   <router-view></router-view>
 </template>
 
 <style>
+body {
+  margin: 0 !important;
+}
+
 #app {
   width: 100vw;
   height: 100vh;
@@ -14,7 +19,8 @@
   flex-direction: column;
 }
 
-body {
-  margin: 0 !important;
+.layout {
+  height: 9.444vh;
+  width: 100%;
 }
 </style>

src/main.css

@@ -1,7 +1,3 @@
-.layout {
-    height: 9.444vh;
-    width: 100%;
-}
 .container{
     width: 100%;
     flex: 1;

src/router/index.ts

@@ -4,7 +4,6 @@ const staticRouter = [
     {
         path: '/',
         name: '首页',
-        component: () => import('@/App.vue'),
         redirect: 'home',
         children: [
             {

src/views/belt/BeltSplit.vue

@@ -1,6 +1,4 @@
 <template>
-    <div class="layout">
-    </div>
     <div class="container">
         <img src="@/assets/ui-png/beltSplit.png" style="width: 100%;height: 100%;" alt="">
     </div>

src/views/belt/OffTrack.vue

@@ -1,6 +1,4 @@
 <template>
-    <div class="layout">
-    </div>
     <div class="container">
         <img src="@/assets/ui-png/beltOffTrack.png" style="width: 100%;height: 100%;" alt="">
     </div>

src/views/coalDrop/Monitor.vue

@@ -1,6 +1,4 @@
 <template>
-    <div class="layout">
-    </div>
     <div class="container">
         <img src="@/assets/ui-png/monitor.png" style="width: 100%;height: 100%;" alt="">
     </div>

src/views/coalDrop/MonitorHistory.vue

@@ -1,6 +1,4 @@
 <template>
-    <div class="layout">
-    </div>
     <div class="container">
         <img src="@/assets/ui-png/monitorHistory.png" style="width: 100%;height: 100%;" alt="">
     </div>

src/views/detail/beltDeviation/Video.vue

@@ -1,6 +1,4 @@
 <template>
-    <div class="layout">
-    </div>
     <div class="container">
         <img src="@/assets/ui-png/bdVideo.png" alt="">
     </div>

src/views/detail/beltDeviation/VideoHistory.vue

@@ -1,6 +1,4 @@
 <template>
-    <div class="layout">
-    </div>
     <div class="container">
         <img src="@/assets/ui-png/bdVideoHistory.png" style="width: 100%;height: 100%;" alt="">
     </div>

src/views/detail/coalError/Oscillogram.vue

@@ -1,6 +1,4 @@
 <template>
-    <div class="layout">
-    </div>
     <div class="container">
         <img src="@/assets/ui-png/ceo.png" style="width: 100%;height: 100%;" alt="">
     </div>

src/views/detail/coalError/OscillogramHistory.vue

@@ -1,6 +1,4 @@
 <template>
-    <div class="layout">
-    </div>
     <div class="container">
         <img src="@/assets/ui-png/ceoHistory.png" style="width: 100%;height: 100%;" alt="">
     </div>

src/views/home/Home.vue

@@ -1,6 +1,4 @@
 <template>
-    <div class="layout">
-    </div>
     <div class="container">
         <img src="@/assets/ui-png/home.png" style="width: 100%;height: 100%;" alt="">
     </div>