style: 界面布局

src/layouts/components/Header.vue

@@ -46,6 +46,7 @@ function goHome() {
   overflow: hidden;
   background: #2c2e3b;
   color: #b9b9ba;
+  margin-bottom: 8px;
   & :deep(.el-dropdown) {
     color: inherit !important;
   }

src/layouts/home.vue

@@ -158,7 +158,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .app-wrapper {
-  background: #e7f4ff;
+  background: #f5f7f9;
   flex-direction: column;
   min-width: 1200px;
   overflow: hidden;
@@ -167,7 +167,8 @@ export default {
 .main-container {
   position: relative;
   height: 100%;
-  background: #f5f7f9;
+  // 继承 app-wrapper
+  // background: #f5f7f9;
   .main-body {
     padding: 0 16px 12px 16px;
     display: flex;