后期修改完善，上线版本

pages/Home/components/PopularToolList.vue

@@ -7,7 +7,7 @@ export default {
 	},
 	methods: {
 		async getToolsAsyncData() {
-			const {data: res} = await this.$api.tool.getToolsList({isHot: 1, page: 1, limit: 6});
+			const {data: res} = await this.$api.tool.getToolsList({isRecommend: 1, page: 1, limit: 6});
 			const {code, data} = res;
 			if (code === 0 && data.list) {
 				this.pop_tools = data.list;
@@ -15,9 +15,9 @@ export default {
 		},
 		// 跳转工具详情页
 		goToToolDetail(item) {
-			if (item.slug && item.categorySlug) {
+			if (item.slug && item.categoryName && item.categorySlug) {
 				this.recordToolClick(item);
-				this.$router.push(`/detail?tool_slug=${item.slug}&category_slug=${item.categorySlug}`);
+				this.$router.push(`/detail?tool_slug=${item.slug}&category_slug=${item.categorySlug}&category_name=${item.categoryName}`);
 			}
 		},
 		// 记录工具点击次数
@@ -36,7 +36,7 @@ export default {
 <template>
 	<div>
 		<div class="clearfix">
-			<img src="/logo/hot.png" :style="{marginRight: '6px'}" alt=""/>
+			<img src="/logo/hot.png" class="mr-6" alt=""/>
 			Popular Tools
 		</div>
 		<div class="line" />
@@ -54,13 +54,16 @@ export default {
 </template>
 
 <style scoped lang="scss">
+.mr-6 {
+	margin-right: 6px;
+}
 .clearfix {
 	display: flex;
 	align-items: center;
 	margin-bottom: 20px;
 	font-size: $larg-font-size;
 	font-weight: bold;
-	font-family: 'Poppins-SemiBold', serif;
+	font-family: 'Poppins-SemiBold';
 }
 
 .img-box {
@@ -103,7 +106,7 @@ export default {
 		}
 
 		.tool-name {
-			font-family: 'Poppins-Medium', serif;
+			font-family: 'Poppins-Medium';
 			color: #64748B;
 			text-align: center;
 			white-space: nowrap;