android 仿美团详情页,仿美团详情页与购物车源码-订单页

(function(){//订单卡片模版

var itemTmpl = '

'+

'

'+

''+

'

'+

'

'+

'

$poi_name

'+

'

'

$status_description

'+

'

'+

'

$getProduct

'+

'

'+

'

'+

'$getComment'+

'

';/**

* 渲染评价按钮

* @param {}*/

functiongetComment(data){var evaluation = !data.is_comment;if(evaluation) {return '

'+

'

评价

'+

'

'}return '';

}/**

* 渲染总计菜品

* @param {}*/

functiongetTotalPrice(data){var str = '

'+

'...'+

'

'+

'总计'+data.product_count+'个菜，实付'+

'¥'+data.total+''+

'

'+

'

';returnstr;

}/**

* 渲染具体商品

* @param {}*/

functiongetProduct(data){var list = data.product_list ||[];

list.push({type:'more'});var str = '';

list.forEach(function(item){if (item.type === 'more') {

str+=getTotalPrice(data)

}else{

str+= '

'

+item.product_name+

'

x'+

+item.product_count+

'

'+

'

';

}

})returnstr;

}/**

* 渲染列表

* @param []*/

functioninitContentList(list){

list.forEach(function(item){var str = itemTmpl.replace('$poi_pic',item.poi_pic)

.replace('$poi_name',item.poi_name)

.replace('$status_description',item.status_description)

.replace('$getProduct',getProduct(item))

.replace('$getComment',getComment(item));

$('.order-list').append(str);

});

}var page = 0;var isLoading = false;/**

* 请求数据

* @param*/

functiongetList(){

page++;

isLoading= true;

$.get('../json/orders.json', function(data){

setTimeout(function(){

console.log(data);var list = data.data.digestlist ||[];

initContentList(list);

isLoading= false;

},1000);

});

}functionaddEvent(){

window.addEventListener('scroll', function(){var clientHeight =document.documentElement.clientHeight;var scrollHeight =document.body.scrollHeight;var scrollTop = document.documentElement.scrollTop ||document.body.scrollTop;var preDis = 30;if (scrollTop + clientHeight >= (scrollHeight -preDis)) {if (page < 3) {if(isLoading) {return;

}

getList();

}else{

$('.loading').text('加载完成');

}

}

});

}functioninit(){

getList();

addEvent();

}

init();

})();