feat: 服务支持页面竖屏适配

-竖屏是修改支持卡片布局
2025-11-01 16:32:37 +08:00
parent 0996e910d9
commit 853046d633
1 changed files with 13 additions and 1 deletions
--- a/app/pages/support/index.vue
+++ b/app/pages/support/index.vue
@ -86,7 +86,8 @@
  }

  .card-group {
-    display: flex;
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    justify-content: space-around;
    margin-bottom: 2rem;
@ -121,4 +122,15 @@
    border-radius: 4px;
    min-height: 36px;
  }
+
+  @media (max-width: 768px) {
+    section {
+      width: 100%;
+    }
+
+    .card-group {
+      grid-template-columns: 1fr;
+      gap: 20px;
+    }
+  }
 </style>