对接数据

2025-10-24 15:45:38 +08:00
parent 672a2f4c90
commit d3375a347f
138 changed files with 16904 additions and 1026 deletions
--- a/pages/ToolDetail/components/CommentItem.vue
+++ b/pages/ToolDetail/components/CommentItem.vue
@ -0,0 +1,80 @@
+<template>
+	<div class="comment-item-box flex border">
+		<div class="comment-avatar flex-center">
+			<img src="/logo/logo-rect.png" alt="" />
+		</div>
+		<div class="comment-content">
+			<div class="comment-author">
+				{{item.username || ''}}
+			</div>
+			<div class="date-wrap flex-top-left">
+				<img src="/ToolDetail/icon_clock1.png" alt="" style="width: 16px; height: 16px;" />
+				<span style="line-height: 18px">{{ item.createdAt || '' }}</span>
+			</div>
+			<p class="comment-text">
+				{{ item.content || '' }}
+			</p>
+		</div>
+	</div>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+		}
+	},
+	props: {
+		item: {
+			type: Object,
+			default: () => {
+				return {}
+			}
+		}
+	},
+	methods: {
+	}
+}
+</script>
+
+<style scoped lang="scss">
+.comment-item-box {
+	gap: 15px;
+	padding: 30px 0;
+	.comment-avatar {
+		width: 36px;
+		height: 36px;
+		@include gradient-circle-border($linear-gradient-start, $linear-gradient-end);
+		img {
+			width: 24px;
+			height: 24px;
+		}
+	}
+	.comment-content {
+		.comment-author {
+			font-size: 18px;
+			font-weight: 600;
+			font-family: 'Poppins-SemiBold', serif;
+			color: #1E293B;
+			line-height: 27px;
+			height: 27px;
+		}
+		.date-wrap {
+			gap: 8px;
+			font-family: 'Poppins-Regular', serif;
+			font-size: 14px;
+			color: #869EC2;
+			margin-top: 3px;
+		}
+		.comment-text {
+			margin-bottom: 0;
+			margin-top: 13px;
+			font-family: 'Poppins-Regular', serif;
+			color: #64748B;
+		}
+	}
+}
+.border {
+	border-bottom: 2px solid #f3f8fe;
+}
+</style>