From 7319260f31c9a593418ff17b1ca42e0822c3c4eb Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Wed, 10 Jan 2024 22:07:04 +0800 Subject: [PATCH] 改正授权码md5加密 bgm链接修改 允许后置日期提交 简介提交支持 --- src/components/mini/box2-class.vue | 82 +++++++++++++++++++---------------------- 1 files changed, 38 insertions(+), 44 deletions(-) diff --git a/src/components/mini/box2-class.vue b/src/components/mini/box2-class.vue index 8248734..a29e85c 100644 --- a/src/components/mini/box2-class.vue +++ b/src/components/mini/box2-class.vue @@ -1,22 +1,27 @@ <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> + <div class="blog-log-item" v-for="(item,index) in list1"> + <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 +31,22 @@ </template> <script> + import { + queryBlogArticleType + } from '../../api/blogArticleType.js' export default { + beforeMount() { + //this.$message.info('loading', 0.3); + queryBlogArticleType({}).then((res) => { + this.list1 = res.data.slice(0, 3) + if (res.data.length >= 3) + this.list2 = res.data.slice(3) + }) + }, 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: [], } } } @@ -72,10 +55,16 @@ </script> <style lang="less"> + .blog-pigeonhole { + a { + color: black; + } + } + /*日志部分*/ .blog-log-list { line-height: 1.6; - padding-left: 3%; + // padding-left: 3%; padding-right: 3%; flex-wrap: wrap; @@ -113,3 +102,8 @@ } } </style> +<style lang="less" scoped> + a:hover::after { + left: -50%; + } +</style> \ No newline at end of file -- Gitblit v1.9.1