feat: 移动端样式适配

src/views/help/components/homeGuides.vue

@@ -18,7 +18,7 @@
       </div>
       </div>
       <div class="tabs flex gap-5">
       <div class="tabs flex gap-5">
         <div
         <div
-          class="tab flex justify-center items-center text-gray-700 font-medium text-sm cursor-pointer"
+          class="tab flex justify-center items-center text-gray-700 font-medium lg:text-sm text-xs cursor-pointer"
           v-for="(sub, index) in tab.content"
           v-for="(sub, index) in tab.content"
           @click="setCurrentTab(tabIndex, index)"
           @click="setCurrentTab(tabIndex, index)"
           :key="sub.key"
           :key="sub.key"
@@ -26,7 +26,8 @@
           {{ sub.subtitle }}
           {{ sub.subtitle }}
         </div>
         </div>
       </div>
       </div>
-      <div class="tab-content grid grid-cols-3 gap-x-10 gap-y-8 mt-5">
+      <div
+        class="tab-content lg:grid lg:grid-cols-3 gap-x-10 lg:gap-y-8 gap-2 mt-5 flex flex-col">
         <div
         <div
           v-for="c in tab.content[getCurrentTab(tabIndex)].articles"
           v-for="c in tab.content[getCurrentTab(tabIndex)].articles"
           :key="c.article">
           :key="c.article">
@@ -131,6 +132,13 @@ export default {
   }
   }
 }
 }
 
 
+@media (max-width: 1024px) {
+  .tab {
+    width: 80px;
+    height: 30px;
+  }
+}
+
 .content-title {
 .content-title {
   position: relative;
   position: relative;
   transition: all 0.2s ease;
   transition: all 0.2s ease;