后期修改完善，上线版本

pages/DailyNews/components/ArticleCardItem.vue

@@ -1,16 +1,18 @@
 <template>
 	<div class="article-box" @click="handleClick">
 		<div class="line"></div>
-		<div style="gap: 20px" class="flex">
-			<div class="preview-box">
-				<img :src="item.coverImage || ''" alt="" >
+		<div class="flex gap-20">
+			<div class="flex flex-col justify-center">
+				<div class="preview-box">
+					<img :src="item.coverImage || ''" alt="" class="wh-100">
+				</div>
+				<div class="flex items-center gap-6">
+					<img src="/ToolDetail/icon_clock1.png" alt="" class="wh-16" />
+					<div class="time">{{ formatPublishTime(item.publishTime || '') }}</div>
+				</div>
 			</div>
 			<div class="content flex flex-col justify-between">
 				<div class="description">{{ item.summary || '' }}</div>
-				<div class="flex items-center" style="gap: 6px">
-					<img src="/ToolDetail/icon_clock1.png" alt="" />
-					<div class="time">{{ item.publishTime || '' }}</div>
-				</div>
 			</div>
 		</div>
 	</div>
@@ -33,12 +35,35 @@ export default {
 	methods: {
 		handleClick() {
 			this.$emit('refresh', this.item);
-		}
+		},
+		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-20 {
+	gap: 20px;
+}
+.gap-6 {
+	gap: 6px;
+}
+.time {
+	color: #869EC2;
+	font-family: 'Poppins-Regular';
+	font-size: 14px;
+	line-height: 16px;
+}
 .article-box {
 	cursor: pointer;
 	&:active {
@@ -46,35 +71,22 @@ export default {
 	}
 	.preview-box {
 		width: 104px;
-		height: 104px;
+		height: 52px;
 		border-radius: 6px;
-		img {
-			width: 100%;
-			height: 100%;
-		}
+		margin-bottom: 12px;
 	}
 	.content {
 		height: 104px;
 		flex: 1;
 		.description {
 			color: #1E293B;
-			font-family: 'Poppins-Medium', serif;
+			font-family: 'Poppins-Medium';
 			display: -webkit-box;
 			-webkit-line-clamp: 3;
 			-webkit-box-orient: vertical;
 			overflow: hidden;
 			text-overflow: ellipsis;
 		}
-		img {
-			width: 16px;
-			height: 16px;
-		}
-		.time {
-			color: #869EC2;
-			font-family: 'Poppins-Regular', serif;
-			font-size: 14px;
-			line-height: 16px;
-		}
 	}
 }
 </style>