src/components/mini/box2-class.vue

@@ -5,18 +5,18 @@
         <div class="blog-log-list">
            <div class="blog-log-item" v-for="item in list1">
               <router-link to='/main1'>
                  <span>{{item.name}}</span>
                  <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>
                  <span>{{item.typeName}}</span>
               </router-link>
               <span>{{item.count}}</span>
               <span>{{item.count==null?'--':item.count}}</span>

            </div>
         </div>
@@ -26,68 +26,79 @@
</template>

<script>
   import {
      queryBlogArticleType
   } from '../../api/blogArticleType.js'
   export default {
      beforeMount() {
         queryBlogArticleType({}).then((res) => {
             this.list1=res.data.slice(0,3)
             this.list2=res.data.slice(4)
         })
      },
      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:[],
            // 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
            // }]
         }
      }
   }