优化前端样式

backend/src/views/home/index.vue

@@ -366,6 +366,8 @@ onMounted(() => {
 .home-container {
   min-height: 100vh;
   padding: 0;
+  display: flex;
+  flex-direction: column;
 
   .home-top {
     background: #fff;
@@ -472,6 +474,8 @@ onMounted(() => {
   }
 
   .home-wrapper {
+    flex: 1 0 auto;
+    width: 100%;
     max-width: 1400px;
     margin: 0 auto;
     padding: 40px 24px;
@@ -672,10 +676,14 @@ onMounted(() => {
   }
 
   .home-footer {
+    flex: 0 0 auto;
+    margin-top: auto;
+    width: 100%;
     border-top: 1px solid #ebeef5;
     padding: 18px 24px 28px;
     text-align: center;
     color: #909399;
+    background: transparent;
 
     .copyright {
       font-size: 13px;