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 | 99 ++++++++++++++----------------------------------- 1 files changed, 29 insertions(+), 70 deletions(-) diff --git a/src/components/mini/box2-class.vue b/src/components/mini/box2-class.vue index 2bb7ccf..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'> + <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==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 +36,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,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; @@ -148,3 +102,8 @@ } } </style> +<style lang="less" scoped> + a:hover::after { + left: -50%; + } +</style> \ No newline at end of file -- Gitblit v1.9.1