src/components/mini/box3-archive.vue

@@ -1,22 +1,23 @@
<template>
   <div class="blog-container archive">
      <span class="blog-pigeonhole">
         <router-link to="/tagTime?type=1">
         <router-link :to="{name:'tagTime'}">
            归档信息
         </router-link>
      </span>
      <div class="blog-scroll ">
         <div v-for="yearData in myData">
            <router-link to="/tagTime?type=2">
            <router-link :to="{name:'tagTime',query:{year:yearData.year}}">
               <p class="blog-pigeonhole-p">{{yearData.year}}年</p>
            </router-link>
            <div class="blog-pigeonhole-list">

               <div class="blog-pigeonhole-item" v-for="item in yearData.list">
                  <router-link to="/tagTime?type=3">
                  <router-link :to="{name:'tagTime',
                  query:{year:yearData.year,month:item.month}}">
                     <span>{{item.month}}月</span>
                  </router-link>
                     <span>{{item.count}}篇</span>
                  <span>{{item.count}}篇</span>

               </div>
            </div>
@@ -27,53 +28,62 @@
</template>

<script>
   import {
      archive
   } from '../../api/blogStatistics.js'
   export default {
      beforeMount() {
         archive({}).then((res) => {
            this.myData = res.data;
         })
      },
      data() {
         return {
            "myData": [{
                  "year": "2022",
                  "list": [{
                        "month": "12",
                        "count": 10
                     },
                     {
                        "month": "10",
                        "count": 11
                     },
                     {
                        "month": "9",
                        "count": 9
                     }
                  ]
               },
               {
                  "year": "2021",
                  "list": [{
                        "month": "12",
                        "count": 8
                     },
                     {
                        "month": "10",
                        "count": 7
                     },
                     {
                        "month": "7",
                        "count": 4
                     },
                     {
                        "month": "6",
                        "count": 3
                     },
                     {
                        "month": "5",
                        "count": 2
                     },
                     {
                        "month": "4",
                        "count": 1
                     }
                  ]
               }
            "myData": [
               // {
               //    "year": "2022",
               //    "list": [{
               //          "month": "12",
               //          "count": 10
               //       },
               //       {
               //          "month": "10",
               //          "count": 11
               //       },
               //       {
               //          "month": "9",
               //          "count": 9
               //       }
               //    ]
               // },
               // {
               //    "year": "2021",
               //    "list": [{
               //          "month": "12",
               //          "count": 8
               //       },
               //       {
               //          "month": "10",
               //          "count": 7
               //       },
               //       {
               //          "month": "7",
               //          "count": 4
               //       },
               //       {
               //          "month": "6",
               //          "count": 3
               //       },
               //       {
               //          "month": "5",
               //          "count": 2
               //       },
               //       {
               //          "month": "4",
               //          "count": 1
               //       }
               //    ]
               // }
            ],
         }
      }