From eeef9f3413151bea79690aac4abb737aff0cb6c8 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Tue, 23 Aug 2022 18:55:22 +0800
Subject: [PATCH] 图片demo
---
src/components/mini/box2-class.vue | 89 ++++++++++----------------------------------
1 files changed, 21 insertions(+), 68 deletions(-)
diff --git a/src/components/mini/box2-class.vue b/src/components/mini/box2-class.vue
index 2bb7ccf..00e7437 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,17 @@
} 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)
+ if (res.data.length >= 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 +54,12 @@
</script>
<style lang="less">
+ .blog-pigeonhole {
+ a {
+ color: black;
+ }
+ }
+
/*日志部分*/
.blog-log-list {
line-height: 1.6;
--
Gitblit v1.9.1