fix layout

src/components/LinkTitlesCustom.vue

@@ -4,7 +4,9 @@
     separator-class="el-icon-arrow-right"
     style="border-bottom: 1px solid #aaa; padding-bottom: 5px; margin-top: -20px; margin-bottom: 20px"
   >
-    <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+    <el-breadcrumb-item :to="{ path: '/home/overview' }"
+      >首页</el-breadcrumb-item
+    >
     <el-breadcrumb-item v-for="item in currentPaths" :key="item">
       {{ item }}
     </el-breadcrumb-item>

src/modules/portal/views/home/Home.vue

@@ -92,7 +92,7 @@
             </el-row>
             <el-row style="margin-left:100px">
               <el-button type="primary" @click="submitForm">保 存</el-button>
-              <el-button @click="userDialog = false;">取 消</el-button>
+              <el-button @click="userDialog = false">取 消</el-button>
             </el-row>
           </el-form>
         </el-tab-pane>
@@ -234,18 +234,23 @@ export default {
 }
 .el-header,
 .el-footer {
-  background-color: #b3c0d1;
+  background-color: #f7f7f7;
   color: #333;
   text-align: center;
   line-height: 60px;
 }
+.el-footer {
+  background-color: #f7f7f7;
+  line-height: 40px;
+  height: 40px !important;
+}
 
 body > .el-container {
   margin-bottom: 40px;
 }
 
 .main-body {
-  min-height: calc(100vh - 60px - 20px);
+  min-height: calc(100vh - 60px);
   display: flex;
   flex-direction: column;
   justify-content: space-between;
@@ -254,7 +259,7 @@ body > .el-container {
 }
 
 .main-content {
-  min-height: calc(100vh - 60px - 60px - 60px);
+  min-height: calc(100vh - 60px - 60px - 40px);
   margin-top: 20px;
 }
 

src/modules/portal/views/home/HomeSide.vue

@@ -7,9 +7,9 @@
     </div>
     <el-menu
       class="el-menu-vertical-demo"
-      background-color="#545c64"
+      background-color="#304156"
       text-color="#fff"
-      active-text-color="#ffd04b"
+      active-text-color="#409eff"
     >
       <el-submenu
         v-for="menu1 in menuList1"
@@ -162,12 +162,12 @@ export default {
   height: calc(100vh - 60px - 70px);
 }
 .el-aside {
-  background-color: #545c64;
+  background-color: #304156;
   color: #fff;
 }
 
 .router-link-active {
-  color: rgb(101, 183, 247) !important;
+  color: #409eff !important;
   font-weight: bold;
 }
 </style>

src/modules/portal/views/home/LinkTitles.vue

@@ -4,7 +4,9 @@
     separator-class="el-icon-arrow-right"
     style="border-bottom: 1px solid #aaa; padding-bottom: 5px;"
   >
-    <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+    <el-breadcrumb-item :to="{ path: '/home/overview' }"
+      >首页</el-breadcrumb-item
+    >
     <el-breadcrumb-item v-for="item in currentPaths" :key="item">
       {{ item }}
     </el-breadcrumb-item>