src/components/layouts/box3.vue

@@ -1,31 +1,44 @@
<template>
   <div class="blog-left-side-scroll-portion">
   <div class="blog-container">
      <span class="blog-pigeonhole">归档信息</span>
      <div>
         <p class="blog-pigeonhole-p">2020</p>
         <div class="blog-pigeonhole-list">
      <div class="blog-scroll ">
         <div class="">
            <p class="blog-pigeonhole-p">2020</p>
            <div class="blog-pigeonhole-list">

            <div class="blog-pigeonhole-item" v-for="item in list2020">
               <a href="#">
                  <span>{{item.month}}月</span>
                  <span>{{item.count}}篇</span>
               </a>
               <div class="blog-pigeonhole-item" v-for="item in list2020">
                  <a href="#">
                     <span>{{item.month}}月</span>
                     <span>{{item.count}}篇</span>
                  </a>
               </div>
            </div>
         </div>
         <div>
            <p class="blog-pigeonhole-p">2019</p>
            <div class="blog-pigeonhole-list">

               <div class="blog-pigeonhole-item" v-for="item in list2019">
                  <a href="#">
                     <span>{{item.month}}月</span>
                     <span>{{item.count}}篇</span>
                  </a>
               </div>
            </div>
         </div>
         <div>
            <p class="blog-pigeonhole-p">2019</p>
            <div class="blog-pigeonhole-list">
			
               <div class="blog-pigeonhole-item" v-for="item in list2019">
                  <a href="#">
                     <span>{{item.month}}月</span>
                     <span>{{item.count}}篇</span>
                  </a>
               </div>
            </div>
         </div>
      </div>
      <div>
         <p class="blog-pigeonhole-p">2019</p>
         <div class="blog-pigeonhole-list">

            <div class="blog-pigeonhole-item" v-for="item in list2019">
               <a href="#">
                  <span>{{item.month}}月</span>
                  <span>{{item.count}}篇</span>
               </a>
            </div>
         </div>
      </div>

   </div>

</template>
@@ -144,6 +157,4 @@
         display: block;
      }
   }
	
	
</style>