首页样式调整

src/views/index.vue

@@ -2,7 +2,7 @@
   <div class="app-container">
     <div class="home">
       <el-card class="margin-bottom-small">
-        <div style="margin-left: 23%">
+        <div>
           <!--        <img src="@/assets/images/welcome.png" alt="welcome" />-->
           <img src="@/assets/images/index-barder.png" alt="welcome" />
         </div>
@@ -23,12 +23,16 @@ export default {
 
 <style lang="scss" scoped>
 .home {
-  background: #efefef;
-  height: calc(100vh - 84px);
-  padding-bottom: 50px;
-}
+  background: #fff;
+  height: calc(92vh - 84px);
+  // padding-bottom: 50px;
 
-.margin-bottom-small {
-  margin-bottom: 25px;
+  .margin-bottom-small {
+    // margin-bottom: 25px;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
 }
 </style>