手机端页面调整

components/mobile/Home.vue

@@ -170,7 +170,6 @@
   .home{
     font-size: .28rem;
     background: #f7fbff;
-    margin-bottom: .96rem;
     .home-header{
       width:100%;
       height:6.12rem;
@@ -241,10 +240,13 @@
     }
     }
     .home-main{
+      position: fixed;
+      top: 6.12rem;
+      bottom: 0;
+      background: #f7fbff;
       width:100%;
       text-align: center;
       padding-top: .46rem;
-      height: 6.25rem;
     }
     .home-main a.home-main-content {
       width:50%;

components/mobile/brand/BrandDetail.vue

@@ -53,7 +53,8 @@
       <ul class="product-list" v-if="productList.totalElements > 0">
         <li v-for="product in searchLists">
           <nuxt-link class="text-left" :to="'/mobile/brand/componentDetail/' + product.uuid">{{product.code}}</nuxt-link>
-          <a class="text-right" @click="toShowPdf(product.attach)">规格书 <i class="icon-chakan iconfont"></i></a>
+          <a class="text-right" @click="toShowPdf(product.attach)" v-if="product.attach">规格书 <i class="icon-chakan iconfont"></i></a>
+          <a class="text-right grey" v-if="!product.attach">规格书 <i>-</i></a>
         </li>
       </ul>
       <div class="no-product" v-if="!productList.totalElements || productList.totalElements == 0">
@@ -442,6 +443,16 @@
               margin-right: .27rem;
               margin-left: .54rem;
               color: #6fcafe;
+              width: .55rem;
+              height: .65rem;
+              display: inline-block;
+              text-align: center;
+              font-style: normal;
+            }
+            &.grey{
+              i {
+                color: #999;
+              }
             }
           }
         }
@@ -459,7 +470,7 @@
             span {
               width: 1.64rem;
               height: .6rem;
-              line-height: .6rem;
+              line-height: .52rem;
               border: .04rem solid rgb(195,195,195);
               border-radius: .05rem;
               font-size: .28rem;
@@ -506,9 +517,13 @@
           max-height: 3.15rem;
           overflow-y: auto;
           z-index: 1;
-          &::-webkit-scrollbar
-          {
-            display: none;
+          &::-webkit-scrollbar {
+            display: block;
+            background: rgba(0,0,0,.6);
+            width: 0.05rem;
+          }
+          &::-webkit-scrollbar-thumb {
+            background-color: #999;
           }
           li {
             width: 1.64rem;

components/mobile/brand/ComponentDetail.vue

@@ -10,7 +10,7 @@
         <span>{{component.brand.nameCn}}</span>
       </div>
       <div class="base-detail-item attach" @click="goAttach(component.attach)">
-        <span v-if="component.attach && component.attach != '1'">规格书：<img src="/images/mobile/@2x/productDetail/pdf.png" alt=""><span>查看</span></span>
+        <span v-if="component.attach">规格书：<img src="/images/mobile/@2x/productDetail/pdf.png" alt=""><span>查看</span></span>
         <span v-else>规格书：-</span>
       </div>
       <div class="base-detail-item product-description" v-if="component.description">

pages/mobile/search/_keycode.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="search-list">
-    <div class="search-item" v-if="productList.expose > 0 || productList.brands">
+  <!--<div class="search-item" v-if="productList.expose > 0 || productList.brands">
       <span :class="activeType=='store'?'active':''" @click="clickType('store')">所有器件</span>
       <span :class="activeType=='support'?'active':''" @click="clickType('support')">仅看有货</span>
-    </div>
+    </div>-->
 
     <div class="brand-list-content" v-if="(!productList.brands && brandList && brandList.length > 0) && productList.expose > 0">
       <div class="brand-list-top">

pages/mobile/shop/index.vue

@@ -238,7 +238,8 @@
     .shop-list {
       background:#fff;
       margin-top:.1rem;
-      padding-bottom:.1rem;
+      border-bottom: .1rem solid #e2e4e6;
+     /* padding-bottom:.1rem;*/
       box-shadow: 0 .03rem .01rem 0 #cdcbcb96;
       h3{
         font-size: .32rem;