feat: 完成首页界面搭建

Yi.BBS.Vue3/src/layout/AppBody.vue

@@ -1,21 +1,25 @@
 
-import { h } from 'vue';
-
 <template class="back-color"> 
-   <div class="body-main">   身体  <RouterView /></div>
+   <div class="body-main">   
+      <div class="content-main">
+      <RouterView />
+     </div>
+   
+   </div>
 
 
 </template>
 
 <style scoped>
-.back-color{
-
-
-}
 
 .body-main{
 min-height: 10rem;
 min-width: 10rem;
 background-color:#F0F2F5;
+
+}
+.content-main{
+   max-width:1100px;
+   margin: 0 auto;
 }
 </style>

Yi.BBS.Vue3/src/layout/Index.vue

@@ -15,4 +15,11 @@
 <script setup>
 import AppHeader from "./AppHeader.vue"
 import AppBody from "./AppBody.vue"
-</script>
+</script>
+
+<style scoped>
+.el-main{
+  margin: 0;
+padding: 0;
+}
+</style>