初步完成第一个

src/App.vue

@@ -2,7 +2,7 @@
   <div id="app">
     <div class="flex">
       <apps-nav/>
-      <router-view class="fill"/>
+      <router-view class="fill components"/>
     </div>
   </div>
 </template>
@@ -14,6 +14,10 @@ html, body, #app {
   margin: 0;
   overflow: hidden;
 }
+
+.components {
+  background: #07193D;
+}
 </style>
 <script>
 import AppsNav from "@/components/appsNav.vue";
@@ -21,7 +25,5 @@ import AppsNav from "@/components/appsNav.vue";
 export default {
   name: "App",
   components: {AppsNav},
-
-
 }
 </script>