首页样式修改

components/common/applyBtn.vue

@@ -42,7 +42,8 @@ export default {
   color: #fff;
   cursor: pointer;
   @media (max-width: 768px) {
-    width: 44%;max-width: 100px;margin: 0 3%;
+    width: 44%;height:35px;line-height:35px;max-width: 120px;margin: 0 3%;display: inline-block;
+    padding: 0;text-align: center;font-size: 14px;
   }
 }
 </style>

components/common/freeTrialBtn.vue

@@ -62,7 +62,8 @@ export default {
   color: #fff;
   cursor: pointer;
   @media (max-width: 768px) {
-    width: 44%;max-width: 100px;margin: 0 3%;
+    width: 44%;height:35px;line-height:35px;max-width: 120px;margin: 0 3%;display: inline-block;
+    padding: 0;text-align: center;font-size: 14px;
   }
 }
 </style>

components/common/onlineInformationBtn.vue

@@ -54,7 +54,8 @@ export default {
     cursor: pointer;
   }
   @media (max-width: 768px) {
-    width: 44%;max-width: 100px;margin: 0 3%;
+    &.level_1 {width: 44%;height:35px;line-height:35px;max-width: 120px;margin: 0 3%;
+      display: inline-block;padding: 0;text-align: center;font-size: 14px;}
   }
 }
 

pages/index.vue

@@ -671,30 +671,16 @@ export default {
 
 <style lang="scss" scoped>
 .client-index-page {
-
-  .apply-btn {
-    margin-top: 14px;
-  }
-
-  .free-train-btn {
-    margin-top: 14px;
-  }
-
-  .online-information-btn {
-    margin-top: 14px;
-  }
-
-  .img-card {
-
+  .free-train-btn,.apply-btn{margin-right: 16px;}
     .btn-groups {
       margin-top: 48px;
-      .btn-item {
-        margin-right: 20px;
-      }
+    }
+  @media (max-width: 768px) {
+    .btn-groups {
+      display: flex;justify-content: center;margin-top: 30px;
     }
   }
 
-
 }