|
...
|
...
|
@@ -2,93 +2,14 @@ |
|
|
|
* Created by yoho on 2017-01-13.
|
|
|
|
*/
|
|
|
|
|
|
|
|
var lazyLoad = require('yoho-jquery-lazyload');
|
|
|
|
var dataLazyLoad = require('../plugins/lazy-load')(document);
|
|
|
|
|
|
|
|
var capi = require('./cart-api');
|
|
|
|
var togetherTpl = require('hbs/cart/cart-together-item.hbs');
|
|
|
|
var $togetherSlide = $('[data-role=together-slide]');
|
|
|
|
var $fineSlide = $('[data-role=fine-slide]');
|
|
|
|
|
|
|
|
// 推荐、优选、浏览切换
|
|
|
|
$(function() {
|
|
|
|
var $togetherGoods = $('.individual-item-togetherGoods'),
|
|
|
|
$recommendGoods = $('.individual-item-recommendGoods'),
|
|
|
|
$latestWalk = $('.individual-item-latestWalk');
|
|
|
|
|
|
|
|
if ($togetherGoods.hasClass('none')) {
|
|
|
|
$recommendGoods.show();
|
|
|
|
}
|
|
|
|
|
|
|
|
$('.bottom-tab-slide').on('click', '.bottom-title', function() {
|
|
|
|
var $this = $(this),
|
|
|
|
index = $this.index();
|
|
|
|
console.log(index);
|
|
|
|
$togetherGoods.hide();
|
|
|
|
$recommendGoods.hide();
|
|
|
|
|
|
|
|
if ($this.hasClass('change')) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
if ($this.hasClass('cur')) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
$this.addClass('cur');
|
|
|
|
$this.siblings('.cur').removeClass('cur');
|
|
|
|
|
|
|
|
switch (index) {
|
|
|
|
case 0: {
|
|
|
|
$togetherGoods.slideDown();
|
|
|
|
$recommendGoods.hide();
|
|
|
|
$latestWalk.hide();
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
case 1: {
|
|
|
|
$togetherGoods.hide();
|
|
|
|
$recommendGoods.slideDown();
|
|
|
|
$latestWalk.hide();
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
case 2: {
|
|
|
|
$togetherGoods.hide();
|
|
|
|
$recommendGoods.hide();
|
|
|
|
$latestWalk.slideDown();
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
// 凑单 底部 轮播
|
|
|
|
function loadSlideGoods() {
|
|
|
|
$.ajax({
|
|
|
|
type: 'GET',
|
|
|
|
url: '',
|
|
|
|
data: {
|
|
|
|
// skn: skn,
|
|
|
|
size: 20,
|
|
|
|
num: 1
|
|
|
|
}
|
|
|
|
}).then(function(data) {
|
|
|
|
// var pro = data.data.products;
|
|
|
|
|
|
|
|
// if (data.code === 200) {
|
|
|
|
// if (pro.length === 0) {
|
|
|
|
// return;
|
|
|
|
// }
|
|
|
|
|
|
|
|
$('#recommend-shop').removeClass('none');
|
|
|
|
|
|
|
|
$('.individual-item ').slider2({
|
|
|
|
shownum: 5,
|
|
|
|
isCircle: true
|
|
|
|
});
|
|
|
|
|
|
|
|
// } else {
|
|
|
|
// $('.bottom-title').filter('.change').addClass('none');
|
|
|
|
// }
|
|
|
|
});
|
|
|
|
}
|
|
|
|
loadSlideGoods();
|
|
|
|
var $latestWalkSlide = $('[data-role=latestWalk-slide]');
|
|
|
|
|
|
|
|
function loadTogetherProduct(page) {
|
|
|
|
capi.getTogetherProduct(page).done(function(togetherInfo) {
|
|
...
|
...
|
@@ -104,25 +25,88 @@ function loadTogetherProduct(page) { |
|
|
|
function loadFineProduct(page) {
|
|
|
|
capi.getFineProduct(page).done(function(fineInfo) {
|
|
|
|
if (fineInfo && fineInfo.code === 200) {
|
|
|
|
$fineSlide.html(togetherTpl(fineInfo.data));
|
|
|
|
$fineSlide.html(togetherTpl($.extend({
|
|
|
|
showAdd2Cart: true
|
|
|
|
}, fineInfo.data)));
|
|
|
|
|
|
|
|
lazyLoad($fineSlide.find('.lazy'));
|
|
|
|
}
|
|
|
|
});/* .fail(function() {
|
|
|
|
|
|
|
|
});*/
|
|
|
|
}
|
|
|
|
|
|
|
|
setTimeout(function() {
|
|
|
|
loadTogetherProduct(1);
|
|
|
|
loadFineProduct(1);
|
|
|
|
}, 0);
|
|
|
|
function fetchLatestWalk(num) {
|
|
|
|
|
|
|
|
$.ajax({
|
|
|
|
url: 'http://www.yohobuy.com/common/recentReview',
|
|
|
|
dataType: 'jsonp',
|
|
|
|
data: {
|
|
|
|
limit: num || 15
|
|
|
|
},
|
|
|
|
success: function(data) {
|
|
|
|
var latestWalk = [],
|
|
|
|
res, i, cur;
|
|
|
|
|
|
|
|
if (data.code === 200) {
|
|
|
|
res = data.data;
|
|
|
|
|
|
|
|
// 若无最近浏览，请隐藏容器
|
|
|
|
if (res.length === 0) {
|
|
|
|
$latestWalkSlide.hide();
|
|
|
|
$('[data-role=latestWalk-tab]').hide();
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
for (i = 0; i < res.length; i++) {
|
|
|
|
cur = res[i];
|
|
|
|
|
|
|
|
latestWalk.push({
|
|
|
|
href: cur.url,
|
|
|
|
img: cur.pic_url,
|
|
|
|
title: cur.product_name,
|
|
|
|
price: cur.price,
|
|
|
|
marketPrice: cur.market_price
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
$latestWalkSlide.html(togetherTpl({
|
|
|
|
item: latestWalk,
|
|
|
|
hasNext: latestWalk && latestWalk.length > 5,
|
|
|
|
hasPrev: latestWalk && latestWalk.length > 5
|
|
|
|
}));
|
|
|
|
lazyLoad($latestWalkSlide.find('.lazy'));
|
|
|
|
|
|
|
|
$latestWalkSlide.find('.individual-item').slider2({
|
|
|
|
shownum: 5,
|
|
|
|
isCircle: true
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
// 凑单商品翻页
|
|
|
|
$togetherSlide.on('click', '.pagenext, .pageprev', function() {
|
|
|
|
loadTogetherProduct(Math.ceil(Math.random() * 100) + 1);
|
|
|
|
});
|
|
|
|
|
|
|
|
$('.bottom-tab-slide .change').on('click', function(){
|
|
|
|
|
|
|
|
var pageNum = Number($fineSlide.data('pagenum') || 1);
|
|
|
|
|
|
|
|
if (pageNum !== 3) {
|
|
|
|
pageNum++;
|
|
|
|
} else {
|
|
|
|
pageNum = 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
$fineSlide.data('pagenum', pageNum);
|
|
|
|
loadFineProduct(pageNum);
|
|
|
|
});
|
|
|
|
|
|
|
|
// 为您优选翻页
|
|
|
|
$fineSlide.on('click', '.pagenext, .pageprev', function() {
|
|
|
|
/*$fineSlide.on('click', '.pagenext, .pageprev', function() {
|
|
|
|
|
|
|
|
var pageNum = Number($fineSlide.data('pagenum') || 1);
|
|
|
|
|
|
...
|
...
|
@@ -138,4 +122,41 @@ $fineSlide.on('click', '.pagenext, .pageprev', function() { |
|
|
|
|
|
|
|
$fineSlide.data('pagenum', pageNum);
|
|
|
|
loadFineProduct(pageNum);
|
|
|
|
});*/
|
|
|
|
|
|
|
|
// 推荐、优选、浏览切换
|
|
|
|
$('.bottom-tab-slide').on('click', '.bottom-title', function() {
|
|
|
|
var $this = $(this),
|
|
|
|
$triggers = $('.bottom-tab-slide .bottom-title'),
|
|
|
|
index = $this.index(),
|
|
|
|
$panels = $('.bottom-slide-content .slide-panel'),
|
|
|
|
$curPanel = $panels.eq(index),
|
|
|
|
$chgBtn = $('.bottom-tab-slide .change');
|
|
|
|
|
|
|
|
$panels.hide();
|
|
|
|
$panels.eq(index).show();
|
|
|
|
|
|
|
|
if ($this.hasClass('cur')) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
$triggers.removeClass('cur');
|
|
|
|
$this.addClass('cur');
|
|
|
|
|
|
|
|
if($this.data('type') === 'fine') {
|
|
|
|
$chgBtn.show();
|
|
|
|
} else {
|
|
|
|
$chgBtn.hide();
|
|
|
|
}
|
|
|
|
|
|
|
|
$panels.hide();
|
|
|
|
$curPanel.slideDown();
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
window.loadTogetherProduct = loadTogetherProduct;
|
|
|
|
window.loadFineProduct = loadFineProduct;
|
|
|
|
window.fetchLatestWalk = fetchLatestWalk;
|
|
|
|
|
|
|
|
// 数据懒加载
|
|
|
|
dataLazyLoad.init({cls: '.lazy-load-object', threshold: 700}); |
...
|
...
|
|
