品牌墙样式

pages/mobile/search/_keycode.vue

@@ -5,10 +5,10 @@
       <span :class="activeType=='support'?'active':''" @click="clickType('support')">店铺自营</span>
     </div>
 
-    <div class="brand-list-content" v-if="!productList.brands && productList.expose > 0 && brandList && brandList.length > 1">
+    <div class="brand-list-content" v-if="(!productList.brands || brandList && brandList.length == 1) && productList.expose > 0">
       <div class="brand-list-top">
         <span>品牌墙</span>
-        <span @click="onclick()" v-if="brandList.length > 8">{{!isShow?'收起':'展开'}}<i :class="{'iconfont icon-arrow-down':isShow,'icon-icon-shang iconfont':!isShow}"></i></span>
+        <span class="row-switch" @click="onclick()" v-if="brandList.length > 8">{{!isShow?'收起':'展开'}}<i :class="{'iconfont icon-arrow-down':isShow,'icon-icon-shang iconfont':!isShow}"></i></span>
       </div>
       <div class="brand-list-item" >
         <div v-for="item in isShow?brandList.slice(0, 8):brandList">
@@ -193,17 +193,18 @@
       border-top:.02rem solid #dedfdf;
       border-bottom:.02rem solid #dedfdf;
       width:7.1rem;
-      min-height:3.02rem;
+      min-height:1.51rem;
       overflow: hidden;
-      text-align: center;
+      text-align: left;
       padding-top:.33rem;
       padding-bottom:.33rem;
       .brand-list-top{
         span:first-child{
           font-size:.32rem;
           margin-right:4.78rem;
+          margin-left: .3rem;
         }
-        span:last-child{
+        span.row-switch{
           font-size:.28rem;
           color:#53a0f7;
         }
@@ -213,6 +214,7 @@
         display:inline-flex;
         overflow: hidden;
         margin:0 .2rem;
+        text-align: center;
         >div {
           display: inline-block;
           margin-right: .14rem;