From 57e3bead08715d72efaeffe90fafa179b8366473 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Sat, 18 May 2024 12:02:14 +0800
Subject: [PATCH] 1.RSS更新 2.调整标签hover位置 3.font size
---
src/components/mini/box2-class.vue | 107 +++++++++++++++++++----------------------------------
1 files changed, 39 insertions(+), 68 deletions(-)
diff --git a/src/components/mini/box2-class.vue b/src/components/mini/box2-class.vue
index 9b38315..ee006ba 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,68 +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
- },{
- 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: [],
}
}
}
@@ -96,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;
@@ -134,6 +99,12 @@
span {
display: block;
+ font-size:15px;
}
}
</style>
+<style lang="less" scoped>
+ a:hover::after {
+ left: -50%;
+ }
+</style>
\ No newline at end of file
--
Gitblit v1.9.1