From 4b854c29227ef08ea178a3bba527a40ca2f84674 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Mon, 21 Feb 2022 02:03:17 +0800 Subject: [PATCH] 统计接口对接,列表接口参数对接 --- src/components/mini/box2-class.vue | 129 +++++++++++++++++++++++++++++-------------- 1 files changed, 87 insertions(+), 42 deletions(-) diff --git a/src/components/mini/box2-class.vue b/src/components/mini/box2-class.vue index 8248734..6c32839 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"> - <span>{{item.name}}</span> + <router-link :to="{path:'/articleList',query:{typeId:item.id}}"> + <span>{{item.typeName}}</span> </router-link> - <span>{{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"> - <span>{{item.name}}</span> + <router-link :to="{path:'/articleList',query:{typeId:item.id}}"> + <span>{{item.typeName}}</span> </router-link> - <span>{{item.count}}</span> + <span>{{item.count==null?'--':item.count}}</span> </div> </div> @@ -26,44 +30,79 @@ </template> <script> + import { + queryBlogArticleType + } from '../../api/blogArticleType.js' export default { + beforeMount() { + queryBlogArticleType({}).then((res) => { + this.list1 = res.data.slice(0, 3) + this.list2 = res.data.slice(4) + }) + }, data() { return { - 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 - }] + 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 + // }] } } } @@ -72,6 +111,12 @@ </script> <style lang="less"> + .blog-pigeonhole { + a { + color: black; + } + } + /*日志部分*/ .blog-log-list { line-height: 1.6; -- Gitblit v1.9.1