Преглед изворни кода

fix: 移动端样式优化

Lee пре 4 дана
родитељ
комит
e95d8fc3e7
1 измењених фајлова са 6 додато и 6 уклоњено
  1. 6 6
      app/pages/index/index.vue

+ 6 - 6
app/pages/index/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: LiZhiWei
  * @LastEditors: LiZhiWei
- * @LastEditTime: 2026-01-20 10:07:38
+ * @LastEditTime: 2026-01-20 10:16:16
  * @Description: 
 -->
 <template>
@@ -800,12 +800,12 @@
 
     .hero-btn-primary {
       @apply w-127px h-56px rounded-8px text-white font-s-18px pf-sc-semibold;
-      @apply lt-sm:w-168px lt-sm:h-71px lt-sm:font-s-24px;
+      @apply lt-sm:w-168px lt-sm:h-71px lt-sm:font-s-24px lt-sm:rounded-8px;
     }
 
     .hero-btn-outline {
       @apply w-127px h-56px bg-white border-#0F67F8 border-1 rounded-8px hover:opacity-80 font-s-18px font-semibold text-#0F67F8;
-      @apply lt-sm:w-168px lt-sm:h-71px lt-sm:font-s-24px;
+      @apply lt-sm:w-168px lt-sm:h-71px lt-sm:font-s-24px lt-sm:rounded-8px;
     }
 
     .metric {
@@ -1029,12 +1029,12 @@
 
   .ability-grid {
     @apply grid grid-cols-3 gap-24px;
-    @apply lt-sm:grid-cols-2;
+    @apply lt-sm:grid-cols-2 lt-sm:gap-25px;
   }
 
   .ability-card {
     @apply group relative flex flex-col rounded-16px border border-#ECEFF6 bg-[linear-gradient(0deg,_#FFFFFF_0%,_rgba(255,255,255,0.6)_100%)] p-24px transition-all duration-300 hover:border-#0F67F8/30 hover:shadow-[0_8px_24px_rgba(15,103,248,0.08)];
-    @apply lt-sm:p-24px lt-sm:rounded-24px;
+    @apply lt-sm:p-24px lt-sm:rounded-16px;
   }
 
   .ability-card-icon {
@@ -1101,7 +1101,7 @@
 
   .cases-card-img {
     @apply w-full h-218px rounded-12px;
-    @apply lt-sm:h-320px lt-sm:rounded-24px;
+    @apply lt-sm:h-320px lt-sm:rounded-12px;
   }
 
   .cases-card-title {