首页样式

src/views/index.vue

@@ -140,7 +140,7 @@
               </el-dropdown>
             </div>
             <div class="bottom" >
-              <div id="statistics" style="width: 100%;height:300px;margin-top:0px;"></div>
+              <div id="statistics" style="width: 100%;height:calc(100vh - 680px);margin-top:0px;"></div>
             </div>
           </div>
         </el-card>
@@ -710,15 +710,16 @@ export default {
         }
       }
       .card2{
-        height:340px;
+        height:calc(100vh - 630px);
         .contain{
-          margin:20px auto 0;
+          margin: auto;
           text-align: left;
+          vertical-align: middle;
           display: flex;
           .box-card{
-            margin:30px 0;
             padding:40px 0;
             flex:2;
+            margin-top:10%;
             .left{
               width:30%;
               display: inline-block;
@@ -852,7 +853,7 @@ export default {
       }
       .card4{
         width:100%;
-        height:340px;
+        height:calc(100vh - 630px);
         margin-left:20px;
         .title{
           width:100%;