From 0dd41bd8cee430d3a948b89c664cb511c400993c Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Fri, 12 Aug 2022 19:11:46 +0800 Subject: [PATCH] 新增链接添加按钮,优化Dplayer播放 --- 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