后期修改完善，上线版本

pages/AIHub/components/ListCardItem.vue

@@ -14,20 +14,20 @@
 			</div>
 
 			<div class="bottom-info">
-				<div class="first" style="gap: 50px">
+				<div class="first flex items-center gap-50">
 					<div>
 						<img src="/logo/logo_xs.png" alt="" />
 						<span>{{ item.slug || ''}}</span>
 					</div>
 					<div class="praise flex items-center">
-						<img src="/logo/praise.png" alt="" style="width: 16px; height: 16px" />
+						<img src="/logo/praise.png" alt="" class="wh-16" />
 						<span>{{ item.likeCount || 0 }}</span>
 					</div>
 				</div>
 
 				<div class="time">
 					<img src="/logo/clock.png" alt="" />
-					<span>{{ item.publishTime || '' }}</span>
+					<span>{{ formatPublishTime(item.publishTime || '') }}</span>
 				</div>
 			</div>
 		</div>
@@ -63,12 +63,26 @@ export default {
 			if (id) {
 				await this.$api.article.recordArticleClick(id);
 			}
-		}
+		},
+		formatPublishTime(timeString) {
+			if (!timeString) return '';
+
+			const date = new Date(timeString);
+
+			const month = String(date.getMonth() + 1).padStart(2, '0');
+			const day = String(date.getDate()).padStart(2, '0');
+			const year = date.getFullYear();
+
+			return `${year}-${month}-${day}`;
+		},
 	},
 }
 </script>
 
 <style scoped lang="scss">
+.gap-50 {
+	gap: 50px;
+}
 .card {
 	background: $white;
 	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);