145 lines
6.8 KiB
JavaScript
Executable File
145 lines
6.8 KiB
JavaScript
Executable File
var puch_html = '<div class="header"><div class="header_con"><a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left lxy_a"></a><img src="'+ectImgUrl('static/app2/img/mj_log.png')+'" class="mj_lxy" /></div></div><div class="mui-scroll-wrapper scroll_out_t"><div class="mui-scroll"><div class="t_con"><input type="search" name="ect_pre" id="keyword" value="" placeholder="请输入搜索内容" /></div <div class="con_"><div class="nav clearfix"><div class="nav_block on" data-type="326"><span>满200减50</span></div><div class="nav_block" data-type="328"><span>满400减100</span></div></div><div class="nav clearfix"></div><div class="recommend"><div class="recommend_con clearfix" id="recommend_con"></div></div></div></div></div>';
|
||
$('body').html(puch_html);
|
||
(function($){
|
||
$(".mui-scroll-wrapper").scroll({
|
||
bounce: true,//滚动条是否有弹力默认是true
|
||
indicators: false, //是否显示滚动条,默认是true
|
||
});
|
||
})(mui);
|
||
document.write('<link rel="stylesheet" type="text/css" href="' + localStorage.getItem("cssUrl") + 'recommend.css?ver=' + localStorage.getItem("version") + '"/>');
|
||
mui.plusReady(function(){
|
||
|
||
var topId = $('.nav_block').first().attr('data-type');
|
||
var secTypeId=0;
|
||
var page = 1;
|
||
getTitle();
|
||
mui(".nav").on('tap', '.nav_block', function() {
|
||
page=1;
|
||
topId = $(this).attr('data-type');
|
||
$(this).addClass('on').siblings().removeClass('on');
|
||
getTitle();
|
||
})
|
||
mui(".nav").on('tap', '.nav_block_a', function() {
|
||
page=1;
|
||
secTypeId = $(this).attr('data-type');
|
||
$(this).addClass('on').siblings().removeClass('on');
|
||
getData();
|
||
})
|
||
|
||
function getTitle(){
|
||
mui.ajax(hyhUrl('addon/shuff-Shuff-actList'), {
|
||
dataType: 'json', //服务器返回json格式数据
|
||
type: 'get', //HTTP请求类型
|
||
data:{'topTypeId':topId},
|
||
timeout: 10000, //超时时间设置为10秒
|
||
success: function(data) {
|
||
var data = toJson(data, 1);
|
||
var html = '';
|
||
$.each(data.data, function() {
|
||
html+='<div class="nav_block_a" data-type="'+this.secTypeId+'"><span>'+this.secTypeName+'</span></div>';
|
||
});
|
||
$('.nav').eq(1).html(html);
|
||
$('.nav_block_a').first().addClass('on');
|
||
secTypeId = $('.nav_block_a').first().attr('data-type');
|
||
getData();
|
||
},
|
||
error: function(xhr, type, errorThrown) {
|
||
//异常处理;
|
||
// alert(type);
|
||
}
|
||
});
|
||
}
|
||
function getData() {
|
||
if(isjiazai == 0) {
|
||
return;
|
||
}else{
|
||
isjiazai = 0;
|
||
}
|
||
// mui('').pullRefresh().scroll(0, 0, 0);
|
||
//backTop();
|
||
var data_set = {
|
||
'secTypeId': secTypeId,
|
||
'topTypeId': topId,
|
||
'pageSize':10,
|
||
'page':page
|
||
};
|
||
mui.ajax(hyhUrl('addon/shuff-Shuff-activits'), {
|
||
data: data_set,
|
||
dataType: 'json', //服务器返回json格式数据
|
||
type: 'post', //HTTP请求类型
|
||
timeout: 10000, //超时时间设置为10秒
|
||
success: function(data) {
|
||
//服务器返回响应,根据响应结果,分析是否登录成功;
|
||
var data = toJson(data, 1);
|
||
if(data.status == 1) {
|
||
data = data.data;
|
||
//console.log(JSON.stringify(data))
|
||
var html = '';
|
||
if(data.list.Rows != ''){
|
||
$.each(data.list.Rows, function() {
|
||
// console.log(ectImgUrl(this.goodsImg))
|
||
html += '<div class="recommend_con_block shadown_wai" data-goodsId="'+this.goodsId+'"><img class="rcb_img" src="'+ectImgUrl(this.goodsImg)+'" alt="" /><div class="rcb_con"><div class="rcb_title"><span>满减</span>'+this.goodsName+'</div><div class="rcb_pay">'+this.shopPrice+'</div><div class="rcb_bottom"><span>可用木吉抵扣20%货款</span></div></div></div>';
|
||
});
|
||
|
||
}else{
|
||
//html='<div>没有更多商品</div>';
|
||
}
|
||
if(page == 1) {
|
||
$('#recommend_con').html(html);
|
||
} else {
|
||
$('#recommend_con').append(html);
|
||
}
|
||
isjiazai=1;
|
||
|
||
} else {
|
||
//console.log(data);
|
||
}
|
||
|
||
},
|
||
|
||
error: function(xhr, type, errorThrown) {
|
||
//异常处理;
|
||
// alert(type);
|
||
}
|
||
});
|
||
}
|
||
$("#keyword").on('keypress', function(e) {
|
||
var keycode = e.keyCode;
|
||
var searchName = $(this).val();
|
||
var url = '';
|
||
if(keycode == '13') {
|
||
JZL.openWindow('ac2.html', 'ac2.html',{'data_keyword': searchName,'topTypeId':($('.nav_block').eq(0).attr('data-type')+','+$('.nav_block').eq(1).attr('data-type'))});
|
||
}
|
||
});
|
||
|
||
var issx = 0;
|
||
var isjiazai = 1;
|
||
document.querySelector('.mui-scroll-wrapper').addEventListener('scroll', function(e) {
|
||
if(scroll.y == scroll.maxScrollY) {
|
||
if(isjiazai == 1) {
|
||
page++;
|
||
getData();
|
||
}
|
||
|
||
} else if(scroll.y > 100 && issx == 0) {
|
||
issx = 1;
|
||
setTimeout(function() {
|
||
location.reload()
|
||
}, 1000)
|
||
}
|
||
|
||
})
|
||
|
||
// window.addEventListener('refresh', function(e) { //执行刷新
|
||
// location.reload();
|
||
//
|
||
// });
|
||
mui("body").on('tap', '.recommend_con_block', function() {
|
||
var data_id = this.attributes["data-goodsId"].nodeValue;
|
||
JZL.openWindow('details.html', 'details.html'+data_id,{data_id: data_id});
|
||
});
|
||
//puchase的html_lxy_2018/12/08
|
||
//var lxy_puch_html = '<div class="header"><div class="header_con"><a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left lxy_a"></a><img src="../img/mj_log.png" class="mj_lxy" /></div></div><div class="mui-scroll-wrapper scroll_out_t"><div class="mui-scroll"><div class="t_con"><input type="search" name="ect_pre" id="keyword" value="" placeholder="请输入搜索内容" /></div <div class="con_"><div class="nav clearfix"><div class="nav_block on" data-type="1"><span>满200减50</span></div><div class="nav_block" data-type="2"><span>满400减100</span></div></div><div class="nav clearfix"><div class="nav_block_a on" data-type="1"><span>食品</span></div><div class="nav_block_a" data-type="2"><span>服饰</span></div><div class="nav_block_a" data-type="3"><span>家居</span></div><div class="nav_block_a" data-type="4"><span>时尚</span></div><div class="nav_block_a" data-type="5"><span>美妆</span></div><div class="nav_block_a" data-type="6"><span>电器</span></div></div><div class="recommend"><div class="recommend_con clearfix" id="recommend_con"><div class="recommend_con_block shadown_wai"><img class="rcb_img" src="../img/kong.png" alt="" /><div class="rcb_con"><div class="rcb_title"><span>满减</span>VeroModa双腰头修身九分棉弹牛仔裤</div><div class="rcb_pay">¥269.00</div><div class="rcb_bottom"><span>可用木吉抵扣20%货款</span></div></div></div><div class="recommend_con_block shadown_wai"><img class="rcb_img" src="../img/kong.png" alt="" /><div class="rcb_con"><div class="rcb_title"><span>满减</span>VeroModa双腰头修身九分棉弹牛仔裤</div><div class="rcb_pay">¥269.00</div><div class="rcb_bottom"><span>可用木吉抵扣20%货款</span></div></div></div></div></div></div></div></div>';
|
||
|
||
//$('body').append(lxy_puch_html);
|
||
}) |