修改子栏目样式

components/pc/nav/navCard.vue

@@ -155,17 +155,18 @@
         @include border-radius(4*$length);
         .label-list-box{
           box-sizing: border-box;
-          width: 308*$length;
-          padding: 21*$length 23*$length 16*$length 20*$length;
-          @extend %flex-row-spb;
-          align-items: start;
-          flex-wrap: wrap;
+          min-width: 100*$length;
+          max-width: 500*$length;
+          padding: 21*$length 0 16*$length;
+          display: grid;
+          grid-template-columns:auto auto;
           .label-list{
             word-break: break-all;
             white-space: nowrap;
-            padding:0 5*$length;
+            padding-left:20px;
+            padding-right:20px;
             margin-bottom: 10*$length;
-            @extend %nowrap;
+            //@extend %nowrap;
             @include fontStyle(14,20,500,#666,left);
             @extend %animate-transition;
             &:hover{

pages/blog/index.vue

@@ -139,6 +139,20 @@ export default {
                childId: val.categoryId.toString(),
              })
            })
+           childListData.data.map((val,index)=>{
+             childList.push({
+               label: val.category,
+               address: '/blog',
+               childId: val.categoryId.toString(),
+             })
+           })
+           childListData.data.map((val,index)=>{
+             childList.push({
+               label: val.category,
+               address: '/blog',
+               childId: val.categoryId.toString(),
+             })
+           })
            this.list[index+1].childList = childList
          }
        })