后期修改完善，上线版本

pages/DailyNews/components/NewsCardItem.vue

@@ -3,19 +3,19 @@
 		<div class="preview">
 			<img :src="item.coverImage || ''" alt="" />
 		</div>
-		<div class="flex flex-col" style="gap: 14px">
-			<div class="title" style="height: 60px">{{ item.title || '' }}</div>
-			<div class="description" style="height: 72px">
+		<div class="flex flex-col gap-12">
+			<div class="title h-60">{{ item.title || '' }}</div>
+			<div class="description h-72">
 				{{ item.summary || '' }}
 			</div>
 		</div>
 		<div class="bottom">
-			<div class="flex items-center" style="gap: 12px">
+			<div class="flex items-center gap-12">
 				<div class="circle"></div>
-				<div class="text">{{ item.slug || '' }}</div>
+				<div class="text">{{ item.author || '' }}</div>
 			</div>
-			<div class="flex items-center" style="gap: 8px">
-				<img src="/ToolDetail/icon_thumb.png" alt="" style="width: 14px; height: 14px" />
+			<div class="flex items-center gap-8">
+				<img src="/ToolDetail/icon_thumb.png" alt="" />
 				<div class="text">{{ item.likeCount || 0 }}</div>
 			</div>
 		</div>
@@ -44,6 +44,18 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.gap-12 {
+	gap: 12px;
+}
+.gap-8 {
+	gap: 8px;
+}
+.h-60 {
+	height: 60px;
+}
+.h-72 {
+	height: 72px;
+}
 .card {
 	padding: 20px;
 	background-color: #FFFFFF;
@@ -82,14 +94,18 @@ export default {
 		.text {
 			font-size: 14px;
 			color: #C8CFD7;
-			font-family: 'Poppins-Regular', serif;
+			font-family: 'Poppins-Regular';
 			line-height: 18px;
 		}
+		img {
+			width: 14px;
+			height: 14px;
+		}
 	}
 	.title {
 		font-size: 20px;
 		color: #3A4A65;
-		font-family: 'Poppins-SemiBold', serif;
+		font-family: 'Poppins-SemiBold';
 		font-weight: 600;
 		display: -webkit-box;
 		-webkit-line-clamp: 4;
@@ -99,7 +115,8 @@ export default {
 	}
 	.description {
 		color: #64748B;
-		font-family: 'Poppins-Regular', serif;
+		font-family: 'Poppins-Regular';
+		height: auto;
 		display: -webkit-box;
 		-webkit-line-clamp: 3;
 		-webkit-box-orient: vertical;