器件选型调整

components/product/CategoryNav.vue

@@ -2,13 +2,14 @@
   <div class="breadcrumbs container">
     <ul class="list-unstyled list-inline">
       <li class="crumb-item">
-        <nuxt-link :to="`/product/kind/home`">全部器件</nuxt-link><span>> </span>
+        <nuxt-link :to="`/product/kind/home`">全部器件</nuxt-link><span class="arrow">> </span>
       </li>
       <li class="crumb-item crumb-item-angle" v-for="(k, index) in actives">
         <!-- <i class="angle"></i>-->
         <nuxt-link :to="`/product/kind/${k.id}`">
           <span :title="k.nameCn">{{k.nameCn | nameFilter}}</span> <i class="fa fa-angle-down td-icon"></i>
-        </nuxt-link><span v-if="index<actives.length-1">> </span>
+        </nuxt-link>
+        <span v-if="index<actives.length-1" class="arrow">> </span>
         <div class="crumb-drop crumb-drop-angle" v-if="k.bothers">
           <div><i class="angle"></i></div>
           <ul class="list-unstyled list-inline" role="menu">
@@ -79,7 +80,7 @@
     height: 30px;
     line-height: 30px;
     span{
-      padding: 0 6px;
+      padding: 0;
     }
   }
 /*  .breadcrumbs ul li.crumb-item-angle {
@@ -89,10 +90,10 @@
     border: 1px solid #ddd;
     display: inline-block;
     background: #fff;
-    height: 30px;
-    line-height: 30px;
-    padding-left: 15px;
-    padding-right: 15px;
+ /*   height: 30px;
+    line-height: 30px;*/
+    padding-left: 10px;
+    padding-right: 10px;
     cursor: pointer;
     text-decoration: none;
     color: #666;
@@ -101,9 +102,9 @@
   .breadcrumbs ul li.crumb-item:hover>a span,.breadcrumbs ul li.crumb-item:hover>a i{
     color: #0056d7;
   }
-  .breadcrumbs ul li.crumb-item>a i{
+  /*.breadcrumbs ul li.crumb-item>a i{
     margin-right: 10px;
-  }
+  }*/
   .breadcrumbs ul li.crumb-item:hover>a i{
     transform: rotate(-180deg);
   }
@@ -397,7 +398,7 @@
     font-size: 20px;
     position: relative;
     top: 2px;
-    margin-left: 10px;
+    margin-left: 4px;
   }
   .div-table-right table thead tr td:hover span.fa-angle-down{
     transform: rotate(-180deg);
@@ -429,12 +430,14 @@
     padding: 20px 0;
     background: #fff;
     border: 1px solid #ddd;
+    max-height: 130px;
+    overflow-y: auto;
     .inline-block {
       width: 20%;
       text-align: center;
       padding: 0 5px;
       &:nth-child(n + 6) {
-        margin-top: 18px;
+        margin-top: 20px;
       }
       .item {
         color: #666;
@@ -444,4 +447,7 @@
       }
     }
   }
+  .arrow {
+    margin: 0 6px;
+  }
 </style>

components/product/KindBox.vue

@@ -307,7 +307,7 @@
   }
   #letter-nav li {
     float: left;
-    width: 169px;
+    width: 14.285%;
     padding: 17px;
     overflow: hidden;
     text-overflow: ellipsis;