【需求 20331】 feat: 完成前台列表页的相关推荐功能

src/views/homePage/askTab/index.vue

@@ -20,9 +20,16 @@
           <el-card
             v-for="(item, index) in list"
             :key="item.id"
-            class="question-card !rounded-lg mb-4 transition-all duration-300"
+            class="question-card !rounded-lg mb-4 transition-all duration-300 relative"
             shadow="hover"
           >
+            <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"
+            >
+              <img class="w-6" src="@/assets/img/culture/recommend.png" alt="" />
+              <div class="text-12px text-#000 line-height-12px">推荐</div>
+            </div>
             <!-- 问题标题 -->
             <h2
               class="text-xl line-clamp-1 font-semibold text-gray-900 mb-2 leading-relaxed cursor-pointer hover:text-blue-600 transition-colors"

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

@@ -5,17 +5,17 @@
         <div
           v-for="item in list"
           :key="item.id"
-          class="group bg-white rounded-lg p-4 sm:p-6 cursor-pointer transition-all duration-300 hover:shadow-lg hover:shadow-gray-100 hover:-translate-y-1 border border-gray-100 hover:border-gray-200 mb-3 sm:mb-4"
+          class="relative group bg-white rounded-lg p-6 cursor-pointer transition-all duration-300 hover:shadow-lg hover:shadow-gray-100 hover:-translate-y-1 border border-gray-100 hover:border-gray-200 mb-3 sm:mb-4"
           @click="jumpToArticleDetailPage({ type: item.type, id: item.id })"
         >
           <div class="flex gap-3 justify-between">
-            <!-- <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-13 h-6 z-10 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>
             <!-- 内容区域 -->
             <div class="flex-1 min-w-0 flex flex-col justify-between h-24">
               <!-- 标题 -->