星潮bug修改

 <div class="star-page yoho-page">
     {{> star/head-tab}}
-    <div class="swiper-num"></div>
+    <div class="swiper-num swiper-num1"></div>
+    <div class="swiper-num swiper-num2"></div>
+    <div class="swiper-num swiper-num3"></div>
     <div class="star-main">
         {{> star/index-html}}
     </div>

@@ -28,6 +28,9 @@ var mySwiper;
 
 var avatarKey, bannerLen, res, avatarSwiper, avatarSwiperClone, getIndexHtml, $avatarClone, $avatar, $starArticle;
 
+var swiperNum = ($('.swiper-num2').width() - $('.swiper-num1').width()) +
+                ($('.swiper-num3').width() - $('.swiper-num1').width()) / 2;
+
 require('../common');
 
 lazyLoad($('img.lazy'));
@@ -126,7 +129,7 @@ function setIndexAction() {
                     slidesPerView: 'auto',
                     loopedSlides: bannerLen,
                     spaceBetween: 10,
-                    slidesOffsetBefore: -($('.swiper-num').width()),
+                    slidesOffsetBefore: -swiperNum,
                     watchSlidesProgress: true,
                     watchSlidesVisibility: true,
                     onInit: function() {
@@ -163,7 +166,7 @@ function setIndexAction() {
             slidesPerView: 'auto',
             loopedSlides: bannerLen,
             spaceBetween: 10,
-            slidesOffsetBefore: -($('.swiper-num').width()),
+            slidesOffsetBefore: -swiperNum,
             watchSlidesProgress: true,
             watchSlidesVisibility: true,
             onInit: function() {

@@ -412,11 +412,22 @@
     }
 
     .swiper-num {
-        width: 55px;
         position: fixed;
         top: 0;
         z-index: -1;
     }
+
+    .swiper-num1 {
+        width: 110px;
+    }
+
+    .swiper-num2 {
+        width: 130px;
+    }
+
+    .swiper-num3 {
+        width: 180px;
+    }
 }
 
 .star-index-bg {