【需求 20331】 styles: 优化首页相关的样式

src/views/homePage/askTab/index.vue

@@ -25,7 +25,7 @@
           >
             <div
               v-if="item.isRecommend"
-              class="absolute top-0 left-0 w-13 h-6 z-10 bg-#FFF9B9 flex items-center justify-center border-2px border-solid border-#f4f0eb rounded-tl-lg rounded-br-lg"
+              class="absolute top-0 left-0 w-13 h-6 bg-#FFF9B9 flex items-center justify-center border-2px border-solid border-#f4f0eb rounded-tl-lg rounded-br-lg"
             >
               <img class="w-6" src="@/assets/img/culture/recommend.png" alt="" />
               <div class="text-12px text-#000 line-height-12px">推荐</div>

src/views/homePage/homeTab/components/recommendList.vue

@@ -11,7 +11,7 @@
           <div class="flex gap-3 justify-between">
             <div
               v-if="item.isRecommend"
-              class="absolute top-0 left-0 w-13 h-6 z-10 bg-#FFF9B9 flex items-center justify-center border-2px border-solid border-#f4f0eb rounded-tl-lg rounded-br-lg"
+              class="absolute top-0 left-0 w-13 h-6 bg-#FFF9B9 flex items-center justify-center border-2px border-solid border-#f4f0eb rounded-tl-lg rounded-br-lg"
             >
               <img class="w-6" src="@/assets/img/culture/recommend.png" alt="" />
               <div class="text-12px text-#000 line-height-12px">推荐</div>

src/views/homePage/homeTab/components/videoList.vue

@@ -47,7 +47,7 @@
               <!-- 推荐标签 -->
               <div
                 v-if="list[0]?.isRecommend"
-                class="absolute top-0 left-0 w-15 h-7 z-1000 bg-#FFF9B9 flex items-center justify-center border-2px border-solid border-#f4f0eb rounded-tl-lg rounded-br-lg"
+                class="absolute top-0 left-0 w-15 h-7 bg-#FFF9B9 flex items-center justify-center border-2px border-solid border-#f4f0eb rounded-tl-lg rounded-br-lg"
               >
                 <img class="w-6" src="@/assets/img/culture/recommend.png" />
                 <div class="text-12px text-#000 line-height-12px">推荐</div>
@@ -129,7 +129,7 @@
                 <!-- 推荐标签 -->
                 <div
                   v-if="item?.isRecommend"
-                  class="absolute top-0 left-0 w-15 h-7 z-1000 bg-#FFF9B9 flex items-center justify-center border-2px border-solid border-#f4f0eb rounded-tl-lg rounded-br-lg"
+                  class="absolute top-0 left-0 w-15 h-7 bg-#FFF9B9 flex items-center justify-center border-2px border-solid border-#f4f0eb rounded-tl-lg rounded-br-lg"
                 >
                   <img class="w-6" src="@/assets/img/culture/recommend.png" />
                   <div class="text-12px text-#000 line-height-12px">推荐</div>
@@ -209,7 +209,7 @@
               </div> -->
               <div
                 v-if="item.isRecommend"
-                class="absolute top-0 left-0 w-15 h-7 z-1000 bg-#FFF9B9 flex items-center justify-center border-2px border-solid border-#f4f0eb rounded-tl-lg rounded-br-lg"
+                class="absolute top-0 left-0 w-15 h-7 bg-#FFF9B9 flex items-center justify-center border-2px border-solid border-#f4f0eb rounded-tl-lg rounded-br-lg"
               >
                 <img class="w-6" src="@/assets/img/culture/recommend.png" alt="" />
                 <div class="text-12px text-#000 line-height-12px">推荐</div>
@@ -305,7 +305,7 @@
               </div> -->
               <div
                 v-if="item.isRecommend"
-                class="absolute top-0 left-0 w-15 h-7 z-1000 bg-#FFF9B9 flex items-center justify-center border-2px border-solid border-#f4f0eb rounded-tl-lg rounded-br-lg"
+                class="absolute top-0 left-0 w-15 h-7 bg-#FFF9B9 flex items-center justify-center border-2px border-solid border-#f4f0eb rounded-tl-lg rounded-br-lg"
               >
                 <img class="w-6" src="@/assets/img/culture/recommend.png" alt="" />
                 <div class="text-12px text-#000 line-height-12px">推荐</div>

src/views/homePage/yaTab/components/columnList.vue

@@ -32,7 +32,10 @@
           </div>
 
           <div class="p-4">
-            <div v-if="item.yaColumnVoList.length" class="grid grid-cols-1 md:grid-cols-3 gap-4">
+            <div
+              v-if="item.yaColumnVoList.length"
+              class="grid grid-cols-1 grid-cols-2 lg:grid-cols-3 gap-4"
+            >
               <div
                 v-for="i in item.yaColumnVoList"
                 :key="i.articleId"
@@ -52,9 +55,12 @@
                     <div class="text-12px text-#000 line-height-12px">推荐</div>
                   </div>
                 </div>
-                <h3 class="text font-medium text-gray-800 mb-2 transition-colors line-clamp-1">
+                <!-- 屏幕变小 标题变小 -->
+                <div
+                  class="font-medium text-gray-800 mb-2 transition-colors line-clamp-1 text-sm xl:text-lg"
+                >
                   {{ i.title }}
-                </h3>
+                </div>
                 <!-- 因为是富文本 暂时不显示 -->
                 <!-- <p class="text-sm text-gray-500 mb-3 line-clamp-1">
                   {{ i.content }}

src/views/homePage/yaTab/components/interviewList.vue

@@ -30,7 +30,10 @@
           </div>
 
           <div class="p-4">
-            <div v-if="item.yaColumnVoList.length" class="grid grid-cols-1 md:grid-cols-3 gap-4">
+            <div
+              v-if="item.yaColumnVoList.length"
+              class="grid grid-cols-1 grid-cols-2 lg:grid-cols-3 gap-4"
+            >
               <div
                 v-for="i in item.yaColumnVoList"
                 :key="i.articleId"
@@ -44,15 +47,17 @@
                   />
                   <div
                     v-if="i.isRecommend"
-                    class="absolute top-0 left-0 w-15 h-7 z-1000 bg-#FFF9B9 flex items-center justify-center border-2px border-solid border-#f4f0eb rounded-tl-lg rounded-br-lg"
+                    class="absolute top-0 left-0 w-15 h-7 bg-#FFF9B9 flex items-center justify-center border-2px border-solid border-#f4f0eb rounded-tl-lg rounded-br-lg"
                   >
                     <img class="w-6" src="@/assets/img/culture/recommend.png" alt="" />
                     <div class="text-12px text-#000 line-height-12px">推荐</div>
                   </div>
                 </div>
-                <h3 class="text-sm font-medium text-gray-800 mb-2 transition-colors line-clamp-1">
+                <div
+                  class="font-medium text-gray-800 mb-2 transition-colors line-clamp-1 text-sm xl:text-lg"
+                >
                   {{ i.title }}
-                </h3>
+                </div>
                 <!-- 因为是富文本 暂时不显示 -->
                 <!-- <p class="text-xs text-gray-500 mb-3 line-clamp-1">
                   {{ i.content }}

src/views/homePage/yaTab/components/videoList.vue

@@ -51,7 +51,7 @@
               </div> -->
           <div
             v-if="item.isRecommend"
-            class="absolute top-0 left-0 w-15 h-7 z-1000 bg-#FFF9B9 flex items-center justify-center border-2px border-solid border-#f4f0eb rounded-tl-lg rounded-br-lg"
+            class="absolute top-0 left-0 w-15 h-7 bg-#FFF9B9 flex items-center justify-center border-2px border-solid border-#f4f0eb rounded-tl-lg rounded-br-lg"
           >
             <img class="w-6" src="@/assets/img/culture/recommend.png" alt="" />
             <div class="text-12px text-#000 line-height-12px">推荐</div>
@@ -153,7 +153,7 @@
               </div> -->
                   <div
                     v-if="i.isRecommend"
-                    class="absolute top-0 left-0 w-15 h-7 z-1000 bg-#FFF9B9 flex items-center justify-center border-2px border-solid border-#f4f0eb rounded-tl-lg rounded-br-lg"
+                    class="absolute top-0 left-0 w-15 h-7 bg-#FFF9B9 flex items-center justify-center border-2px border-solid border-#f4f0eb rounded-tl-lg rounded-br-lg"
                   >
                     <img class="w-6" src="@/assets/img/culture/recommend.png" alt="" />
                     <div class="text-12px text-#000 line-height-12px">推荐</div>