Explorar el Código

feat:完善首页响应式布局

DESKTOP-07F1812\coder hace 2 años
padre
commit
208fe78185
Se han modificado 1 ficheros con 8 adiciones y 8 borrados
  1. 8 8
      src/pages/index.vue

+ 8 - 8
src/pages/index.vue

@@ -42,20 +42,20 @@ function linkTo(path) {
     font-weight: bold;
     font-size: 0.36rem;
     height: 11vw;
-    line-height: 6.9vh;
+    line-height: 11vw;
     padding-left: 2vw;
     background: white;
     top: 0;
   }
 
   .bodyContainer {
-    margin-top: 6.9vh;
+    margin-top: 11.5vw;
     padding: 2vw;
 
     .titleCard {
       font-size: 0.32rem;
-      height: 4vh;
-      line-height: 4vh;
+      height: 6.7vw;
+      line-height: 6.7vw;
       font-weight: bold;
     }
 
@@ -63,8 +63,8 @@ function linkTo(path) {
       display: flex;
       justify-content: flex-start;
       flex-wrap: wrap;
-      padding-top: 2vh;
-      padding-bottom: 2vh;
+      padding-top: 3.3vw;
+      padding-bottom: 3.3vw;
 
       .funcIcon {
         width: 25%;
@@ -80,7 +80,7 @@ function linkTo(path) {
         }
 
         p {
-          margin-top: 1vh;
+          margin-top: 2vw;
         }
       }
 
@@ -91,7 +91,7 @@ function linkTo(path) {
       background: white;
       border-radius: 10px;
       padding: 3vw;
-      margin-top: 1.2vh;
+      margin-top: 2vw;
     }
   }
 }