修改品牌中心

components/mobile/brand/BrandCenter.vue

@@ -4,10 +4,13 @@
       <div class="mobile-brand-header">
         <img src="/images/mobile/@2x/brand/brandWall.png" alt="">
         <div class="mobile-brand-index" :class="{'scrolled': isScrolled}">
-          <p>索引：</p>
-          <nuxt-link :to="'/mobile/brand/brandCenter/' + item"
-                     :class="{'active': item == activeIndex}"
-                     :key="key" v-for="(item, key) in initArr">{{item}}</nuxt-link>
+          <p style="float: left">索引：</p>
+          <div style="float: left;width: 5.5rem">
+            <nuxt-link :to="'/mobile/brand/brandCenter/' + item"
+                       :class="{'active': item == activeIndex}"
+                       :key="key" v-for="(item, key) in initArr">{{item}}</nuxt-link>
+          </div>
+          <div style="clear: both"></div>
         </div>
       </div>
       <div class="mobile-brand-list">
@@ -158,7 +161,7 @@
           }
           a {
             color: #666;
-            width: 1.1rem;
+            width: 0.9rem;
             display: inline-block;
             text-align: center;
             &.active, &.hover, &.focus {