perf:优化header样式

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

@@ -1,27 +1,33 @@
 <template>
   <div class="common-layout">
     <el-container>
-      <el-header>
-
+      <el-header class="common-header">
         <AppHeader />
-
       </el-header>
       <el-main>
-       <AppBody />
+        <AppBody />
       </el-main>
     </el-container>
   </div>
 </template>
 <script setup>
-import AppHeader from "./AppHeader.vue"
-import AppBody from "./AppBody.vue"
+import AppHeader from "./AppHeader.vue";
+import AppBody from "./AppBody.vue";
 </script>
 
-<style scoped>
-.el-main{
-  margin: 0;
-padding: 0;
-min-height: 10rem;
-background-color: #F0F2F5;
+<style scoped lang="scss">
+.common {
+  &-header {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+  }
 }
-</style>
+
+.el-main {
+  margin: 0;
+  padding: 0;
+  min-height: 10rem;
+  background-color: #f0f2f5;
+}
+</style>