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);
})