From c23efbe2832d1a9eecd4ef5d20d984661b24dd22 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Tue, 22 Feb 2022 01:21:52 +0800
Subject: [PATCH] 文章添加补充

---
 src/components/mini/box2-class.vue |   88 ++++++++++----------------------------------
 1 files changed, 20 insertions(+), 68 deletions(-)

diff --git a/src/components/mini/box2-class.vue b/src/components/mini/box2-class.vue
index 2bb7ccf..a26cd6d 100644
--- a/src/components/mini/box2-class.vue
+++ b/src/components/mini/box2-class.vue
@@ -1,22 +1,26 @@
 <template>
 	<div class="blog-container  ">
-		<span class="blog-pigeonhole">分类</span>
+		<span class="blog-pigeonhole">
+			<router-link :to="{path:'/articleList'}">
+				分类
+			</router-link>
+		</span>
 		<div class="blog-scroll ">
 			<div class="blog-log-list">
 				<div class="blog-log-item" v-for="item in list1">
-					<router-link to='/main1'>
+					<router-link :to="{path:'/articleList',query:{typeId:item.id}}">
 						<span>{{item.typeName}}</span>
 					</router-link>
 
-					<span>{{item.count==null?'--':item.count}}</span>
+					<span>{{item.count==null?'--':item.count+'篇'}}</span>
 				</div>
 			</div>
 			<div class="blog-log-list">
 				<div class="blog-log-item" v-for="item in list2">
-					<router-link to="/box1">
+					<router-link :to="{path:'/articleList',query:{typeId:item.id}}">
 						<span>{{item.typeName}}</span>
 					</router-link>
-					<span>{{item.count==null?'--':item.count}}</span>
+					<span>{{item.count==null?'--':item.count+'篇'}}</span>
 
 				</div>
 			</div>
@@ -31,74 +35,16 @@
 	} from '../../api/blogArticleType.js'
 	export default {
 		beforeMount() {
+			this.$message.info('loading',0.3);
 			queryBlogArticleType({}).then((res) => {
-				 this.list1=res.data.slice(0,3)
-				 this.list2=res.data.slice(4)
+				this.list1 = res.data.slice(0, 3)
+				this.list2 = res.data.slice(3)
 			})
 		},
 		data() {
 			return {
-				list1:[],
-				list2:[],
-				// list1: [{
-				// 	name: "日志",
-				// 	count: 10
-				// }, {
-				// 	name: "分类",
-				// 	count: 12
-				// }, {
-				// 	name: "标签",
-				// 	count: 14
-				// }],
-				// list2: [{
-				// 	name: "Tag",
-				// 	count: 133
-				// }, {
-				// 	name: "专题",
-				// 	count: 10
-				// }, {
-				// 	name: "偏好",
-				// 	count: 12
-				// }, {
-				// 	name: "星标",
-				// 	count: 14
-				// },{
-				// 	name: "Tag",
-				// 	count: 133
-				// }, {
-				// 	name: "专题",
-				// 	count: 10
-				// }, {
-				// 	name: "偏好",
-				// 	count: 12
-				// }, {
-				// 	name: "星标",
-				// 	count: 14
-				// },{
-				// 	name: "Tag",
-				// 	count: 133
-				// }, {
-				// 	name: "专题",
-				// 	count: 10
-				// }, {
-				// 	name: "偏好",
-				// 	count: 12
-				// }, {
-				// 	name: "星标",
-				// 	count: 14
-				// },{
-				// 	name: "Tag",
-				// 	count: 133
-				// }, {
-				// 	name: "专题",
-				// 	count: 10
-				// }, {
-				// 	name: "偏好",
-				// 	count: 12
-				// }, {
-				// 	name: "星标",
-				// 	count: 14
-				// }]
+				list1: [],
+				list2: [],
 			}
 		}
 	}
@@ -107,6 +53,12 @@
 </script>
 
 <style lang="less">
+	.blog-pigeonhole {
+		a {
+			color: black;
+		}
+	}
+
 	/*日志部分*/
 	.blog-log-list {
 		line-height: 1.6;

--
Gitblit v1.9.1