From fc53a6df3a0242993624e492dbe4c2c9b5f0061d Mon Sep 17 00:00:00 2001
From: yuweiqi <yu.weiqi@ebiz-fooge.com>
Date: Thu, 19 Mar 2020 14:50:55 +0800
Subject: [PATCH] =?UTF-8?q?[IMP]=E7=94=B5=E6=8A=95=E4=BC=98=E5=8C=96-?=
 =?UTF-8?q?=E5=AF=BC=E8=88=AA=E6=A0=8F=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ebiz/sale/IndexBar.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/ebiz/sale/IndexBar.vue b/src/components/ebiz/sale/IndexBar.vue
index 2899df3a1..6f7a8125a 100644
--- a/src/components/ebiz/sale/IndexBar.vue
+++ b/src/components/ebiz/sale/IndexBar.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="ml6 mr6 pt5 pb5">
     <ul class="index-bar">
-      <li @click="changePage(Number(index) + 1)" v-for="(item, index) in pageTitle" :key="index" :class="item.tabClass">
-        <div :class="[{ activeline: item.tabClass }, { 'bg-gray': !item.tabClass }, 'w20', 'h2']"></div>
+      <li @click="changePage(Number(index) + 1)" v-for="(item, index) in pageTitle" :key="index" :class="item.tabClass" :id="item.tabClass">
+        <div :class="[{ activeline: item.tabClass }, { 'bg-gray': !item.tabClass }, 'w15', 'h2', 'mr8']" v-if="index != 0"></div>
         <span>{{ item.pageNo }}.{{ item.pageItem }}</span>
-        <div :class="[{ activeline: item.tabClass }, { 'bg-gray': !item.tabClass }, 'w20', 'h2']"></div>
+        <div :class="[{ activeline: item.tabClass }, { 'bg-gray': !item.tabClass }, 'w15', 'h2', 'ml8']" v-if="index != 7"></div>
         <van-icon name="arrow" size="12" v-if="index != 7" />
       </li>
     </ul>
@@ -106,6 +106,9 @@ export default {
           v.tabClass = 'active'
         }
       })
+      this.$nextTick(() => {
+        this.$el.querySelector('#active').scrollIntoView(true)
+      })
     }
   }
 }