Browse Source

手机品牌中心更多

yangc 7 years ago
parent
commit
bed48f88a7
1 changed files with 9 additions and 1 deletions
  1. 9 1
      components/mobile/brand/BrandCenter.vue

+ 9 - 1
components/mobile/brand/BrandCenter.vue

@@ -10,7 +10,11 @@
                        :class="{'active': item == activeIndex}"
                        :key="key" v-for="(item, key) in initArr">{{item}}</nuxt-link>
           </div>
-          <div v-if="isScrolled" class="more-index" @click="isMore = !isMore" v-text="!isMore ? '更多' : '收起'"></div>
+          <div v-if="isScrolled" class="more-index" @click="isMore = !isMore">
+            {{!isMore ? '更多' : '收起'}}
+            <img v-if="!isMore" src="/images/mobile/@2x/applyPurchase/currency-arrow-down.png" alt="">
+            <img src="/images/mobile/@2x/applyPurchase/currency-arrow-up.png" v-else alt="">
+          </div>
           <div class="clear-float"></div>
         </div>
       </div>
@@ -188,6 +192,10 @@
           &.is-more {
             height: 1.32rem;
             overflow: hidden;
+            img {
+              width: .2rem;
+              margin-left: -.1rem;
+            }
           }
         }
       }