服务范围完工

src/components/Homepage.vue

@@ -214,13 +214,16 @@ export default {
   @include media-breakpoint-between(xs, md) {
     margin-left: 32px;
     margin-right: 32px;
-    margin-bottom: 96px;
     //网格布局
     grid-template-columns: repeat(1, minmax(1fr,168px));  /* 1列等分 */
     grid-template-rows: repeat(6, minmax(94px,1fr));   /* 6行高度120px */
   }
-  @include media-breakpoint-up(md){
+
-    margin-bottom: 162px;
+  @include media-breakpoint-between(xs, lg){
+    margin-bottom: 48px;
+  }
+  @include media-breakpoint-up(lg){
+    margin-bottom: 77.4px;
   }
 
   @include media-breakpoint-between(md,xxl){
@@ -251,7 +254,7 @@ export default {
     margin-bottom: 48px;
   }
   @include media-breakpoint-up(lg){
-    margin-bottom: 94px;
+    margin-bottom: 84.6px;
   }
 }
 
@@ -262,8 +265,8 @@ export default {
     height: 32px;
   }
   @include media-breakpoint-up(lg){
-    width: 120px;
+    width: 96px;
-    height: 60px;
+    height: 48px;
   }
 }
 
@@ -281,8 +284,8 @@ export default {
     margin-left: 16px;
   }
   @include media-breakpoint-up(lg){
-    min-height: 60px;
+    min-height: 48px;
-    margin-left: 28px;
+    margin-left: 16px;
   }
 }
 
@@ -300,12 +303,12 @@ export default {
   @include media-breakpoint-up(lg){
     overflow-wrap: break-word;
     color: white;
-    font-size: 28px;
+    font-size: 22.4px;
     font-family: PingFangSC-Regular;
     font-weight: normal;
     text-align: left;
     white-space: nowrap;
-    line-height: 40px;
+    line-height: 32px;
   }
 }
 .fwfwitemen{
@@ -324,12 +327,12 @@ export default {
   @include media-breakpoint-up(lg){
     overflow-wrap: break-word;
     color: white;
-    font-size: 20px;
+    font-size: 16px;
     letter-spacing: -0.5px;
     font-family: DINPro-Regular;
     font-weight: normal;
     text-align: left;
-    line-height: 26px;
+    line-height: 20.8px;
   }
 }