后期修改完善，上线版本

pages/ToolDetail/components/SimilarToolCard.vue

@@ -15,8 +15,8 @@ export default {
 	},
 	methods: {
 		goToToolDetail() {
-			if (this.config.slug && this.category_slug) {
-				this.$router.push('/detail?tool_slug=' + this.config.slug + '&category_slug=' + this.category_slug);
+			if (this.config.slug && this.config.categoryName && this.category_slug) {
+				this.$router.push('/detail?tool_slug=' + this.config.slug + '&category_slug=' + this.category_slug + '&category_name=' + this.config.categoryName);
 			}
 		}
 	},
@@ -37,12 +37,12 @@ export default {
 			<div class="icon">
 				<img :src="config.iconUrl || '/'" alt="" />
 			</div>
-			<span style="font-size: 18px">
-								{{ config.name || '' }}
-							</span>
+			<span class="title-text">
+				{{ config.name || '' }}
+			</span>
 		</div>
 		<div class="text">
-			{{ config.memo || '' }}
+			{{ config.memo ? config.memo : '' }}
 		</div>
 	</div>
 </template>
@@ -50,12 +50,12 @@ export default {
 <style scoped lang="scss">
 .similar-card-container {
 	background: #FFFFFF;
-	box-shadow: 0 10px 30px 0 #0000000d;
+	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);
 	border-radius: 8px;
-	padding: 16px 16px 10px;
-	border: 1px solid #BACFFF;
-	max-width: 305px;
-	cursor: pointer;
+	padding: 16px;
+	border: 1px solid #E2E8F0;
+	height: 100%;
+	box-sizing: border-box;
 
 	&:hover {
 		@include gradient-border($linear-gradient-start, $linear-gradient-end);
@@ -68,6 +68,14 @@ export default {
 	.title {
 		display: flex;
 		align-items: center;
+		gap: 10px;
+
+		.title-text {
+			font-size: 18px;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			white-space: nowrap;
+		}
 
 		.icon {
 			width: 40px;
@@ -86,20 +94,23 @@ export default {
 			color: $main-font-color;
 			font-size: $big-font-size;
 			font-weight: 600;
-			font-family: 'Poppins-SemiBold', serif;
-			white-space: nowrap;
+			font-family: 'Poppins-SemiBold';
+			flex: 1;
 			overflow: hidden;
 			text-overflow: ellipsis;
+			white-space: nowrap;
 		}
 	}
 
 	.text {
 		color: $grey-color;
-		font-family: 'Poppins-Regular', serif;
+		font-family: 'Poppins-Regular';
+		margin-top: 4px;
+		overflow: hidden;
+		text-overflow: ellipsis;
 		display: -webkit-box;
 		-webkit-line-clamp: 2;
 		-webkit-box-orient: vertical;
-		overflow: hidden;
 	}
 }
 </style>