feat:新增联系我们

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

@@ -1,18 +1,15 @@
-<template class="back-color">
+<template>
   <div class="content-main">
     <RouterView />
   </div>
 </template>
 
 <style scoped>
-.body-main {
-  min-height: 10rem;
-  min-width: 10rem;
-  background-color: #f0f2f5;
-}
 .content-main {
+  width: 100%;
+  height: 100%;
   display: flex;
   justify-content: center;
-  min-height: 1150px;
+  /* min-height: 1150px; */
 }
 </style>

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

@@ -8,7 +8,7 @@
       >
         <AppHeader />
       </el-header>
-      <el-main>
+      <el-main class="common-main">
         <AppBody />
       </el-main>
     </el-container>
@@ -42,12 +42,21 @@ const handleScroll = () => {
 
 <style scoped lang="scss">
 .common {
-  &-header {
-    background-color: #fff;
+  &-layout {
     width: 100%;
+    height: 100%;
+  }
+  &-header {
+    width: 100%;
+    background-color: #fff;
+    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
+    height: 50px;
     display: flex;
     justify-content: center;
   }
+  &-main {
+    height: calc(100% - 50px);
+  }
 }
 
 .el-main {