菜单布局等初步完成

schoolNewsWeb/src/App.vue

@@ -1,31 +1,32 @@
 <template>
-  <div>
+  <div id="app">
+    <!-- 直接渲染路由，由路由配置决定使用什么布局 -->
     <router-view />
   </div>
 </template>
+
 <script setup lang="ts">
-import { RouterView } from "vue-router";
+// App.vue 只负责渲染路由出口
+// 具体的布局（NavigationLayout, BlankLayout等）由路由配置决定
 </script>
 
 <style lang="scss">
 #app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
+    'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
+  height: 100vh;
+  margin: 0;
+  padding: 0;
 }
 
-nav {
-  padding: 30px;
+* {
+  box-sizing: border-box;
+}
 
-  a {
-    font-weight: bold;
-    color: #2c3e50;
-
-    &.router-link-exact-active {
-      color: #42b983;
-    }
-  }
+body {
+  margin: 0;
+  padding: 0;
 }
 </style>