...
|
...
|
@@ -31,7 +31,7 @@ var $window = $(window), |
|
|
var mySwiper;
|
|
|
*/
|
|
|
|
|
|
var avatarKey, bannerLen;
|
|
|
var avatarKey, bannerLen, res;
|
|
|
|
|
|
require('../common');
|
|
|
|
...
|
...
|
@@ -66,6 +66,31 @@ function setAvatar($userAvatar) { |
|
|
};
|
|
|
}
|
|
|
|
|
|
|
|
|
// 明星头像点击居中显示或跳转
|
|
|
function bindAvatar(dom) {
|
|
|
avatarKey = dom.index();
|
|
|
|
|
|
if (!dom.hasClass('swiper-slide-active')) {
|
|
|
if (avatarKey >= (2 * bannerLen + 1)) {
|
|
|
avatarSwiperClone && avatarSwiperClone.slideTo(bannerLen + 1, 200);
|
|
|
avatarSwiper.slideTo(bannerLen + 1, 200);
|
|
|
} else if (avatarKey <= (bannerLen - 1)) {
|
|
|
avatarSwiperClone && avatarSwiperClone.slideTo(2 * bannerLen - 1, 200);
|
|
|
avatarSwiper.slideTo(2 * bannerLen - 1, 200);
|
|
|
} else {
|
|
|
avatarSwiperClone && avatarSwiperClone.slideTo(avatarKey, 200);
|
|
|
avatarSwiper.slideTo(avatarKey, 200);
|
|
|
}
|
|
|
|
|
|
return false;
|
|
|
} else if (window.queryString.app_version) {
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
function setIndexAction() {
|
|
|
var starIScroll;
|
|
|
|
...
|
...
|
@@ -106,14 +131,20 @@ function setIndexAction() { |
|
|
if (!avatarSwiperClone) {
|
|
|
avatarSwiperClone = new Swiper('.avatar-0', {
|
|
|
loop: true,
|
|
|
initialSlide: $('.avatar-1').find('.swiper-slide-active').index(),
|
|
|
initialSlide: $('.avatar-1').find('.swiper-slide-active').index() % bannerLen,
|
|
|
centeredSlides: true,
|
|
|
slidesPerView: 'auto',
|
|
|
loopedSlides: bannerLen,
|
|
|
spaceBetween: 10,
|
|
|
slidesOffsetBefore: -($('.swiper-num').width()),
|
|
|
watchSlidesProgress: true,
|
|
|
watchSlidesVisibility: true
|
|
|
watchSlidesVisibility: true,
|
|
|
onInit: function() {
|
|
|
$('.avatar-0 li').on('click', function() {
|
|
|
res = bindAvatar($(this));
|
|
|
return res;
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
|
|
|
avatarSwiperClone.params.control = avatarSwiper;
|
...
|
...
|
@@ -206,7 +237,13 @@ function setIndexAction() { |
|
|
spaceBetween: 10,
|
|
|
slidesOffsetBefore: -($('.swiper-num').width()),
|
|
|
watchSlidesProgress: true,
|
|
|
watchSlidesVisibility: true
|
|
|
watchSlidesVisibility: true,
|
|
|
onInit: function() {
|
|
|
$('.avatar-1 li').on('click', function() {
|
|
|
res = bindAvatar($(this));
|
|
|
return res;
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
...
|
...
|
@@ -243,28 +280,6 @@ function setIndexAction() { |
|
|
});
|
|
|
}
|
|
|
|
|
|
// 明星头像点击居中显示或跳转
|
|
|
$('.avatar-swiper li').on('click', function() {
|
|
|
if (!$(this).hasClass('swiper-slide-active')) {
|
|
|
avatarKey = $(this).index();
|
|
|
|
|
|
if (avatarKey >= (2 * bannerLen + 1)) {
|
|
|
avatarSwiperClone && avatarSwiperClone.slideTo(bannerLen + 1, 200);
|
|
|
avatarSwiper.slideTo(bannerLen + 1, 200);
|
|
|
} else if (avatarKey <= (bannerLen - 1)) {
|
|
|
avatarSwiperClone && avatarSwiperClone.slideTo(2 * bannerLen - 1, 200);
|
|
|
avatarSwiper.slideTo(2 * bannerLen - 1, 200);
|
|
|
} else {
|
|
|
avatarSwiperClone && avatarSwiperClone.slideTo(avatarKey, 200);
|
|
|
avatarSwiper.slideTo(avatarKey, 200);
|
|
|
}
|
|
|
|
|
|
return false;
|
|
|
} else if (window.queryString.app_version) {
|
|
|
return false;
|
|
|
}
|
|
|
});
|
|
|
|
|
|
$('.rank-avatar').each(function(key, item) {
|
|
|
if ($(item).attr('data-avatar') !== '') {
|
|
|
setAvatar($(item));
|
...
|
...
|
@@ -276,6 +291,8 @@ function setIndexAction() { |
|
|
});
|
|
|
}
|
|
|
|
|
|
|
|
|
// 首页数据请求
|
|
|
getIndexHtml = function() {
|
|
|
var $starMain = $('.star-main');
|
|
|
|
...
|
...
|
|