src/components/mini/box2-class.vue

@@ -1,10 +1,14 @@
<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>

@@ -13,7 +17,7 @@
         </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>
@@ -32,14 +36,14 @@
   export default {
      beforeMount() {
         queryBlogArticleType({}).then((res) => {
             this.list1=res.data.slice(0,3)
             this.list2=res.data.slice(4)
            this.list1 = res.data.slice(0, 3)
            this.list2 = res.data.slice(4)
         })
      },
      data() {
         return {
            list1:[],
            list2:[],
            list1: [],
            list2: [],
            // list1: [{
            //    name: "日志",
            //    count: 10
@@ -107,6 +111,12 @@
</script>

<style lang="less">
   .blog-pigeonhole {
      a {
         color: black;
      }
   }

   /*日志部分*/
   .blog-log-list {
      line-height: 1.6;