203 lines
8.4 KiB
HTML
203 lines
8.4 KiB
HTML
<!doctype html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
|
||
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
||
<title>Hello APP</title>
|
||
<link rel="stylesheet" type="text/css" href="../css/api.css" />
|
||
<link rel="stylesheet" type="text/css" href="../css/content.css" />
|
||
<style type="text/css">html,body{background: none;overflow: hidden;}
|
||
.floor-product{margin-top:0;padding-top:0;}
|
||
.floor-product-item .product-item-cont .product-cont {
|
||
float: left;
|
||
width: 50%;
|
||
padding-left:0.4em;
|
||
padding-right:0.4em;
|
||
padding-bottom: 0.4em;
|
||
display: block;
|
||
overflow:hidden;
|
||
box-sizing:border-box;
|
||
-moz-box-sizing:border-box;
|
||
-webkit-box-sizing:border-box;
|
||
overflow: hidden;
|
||
|
||
}
|
||
.floor-product-item .product-item-cont .product-cont .product-cont-box{
|
||
background-color: #f4f4f4;
|
||
border: 1px solid #e1e1e1;
|
||
}
|
||
.floor-product-item .product-item-cont .product-cont span {
|
||
height:auto;
|
||
line-height: 1.2em;
|
||
}
|
||
.floor-product-item .product-item-cont .product-cont.product-cont0{
|
||
padding-left:0.4em;
|
||
padding-right:0;
|
||
}
|
||
.floor-product-item .product-item-cont .product-cont img {
|
||
|
||
width: 100%; height:9em; border-radius:0.5em 0.5em 0 0;
|
||
background:url(../image/loading.gif) #fff center center no-repeat;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body style="padding:0;width: 100%;box-sizing: border-box;overflow: hidden;" onclick="closecommon()">
|
||
<div class="wrap" id="commnheader" style=" position: absolute; bottom:0;width: 100%; background: #fff;border-radius:0.8em 0.8em 0 0;box-sizing: border-box;overflow: hidden;" onclick="stopPropagation(event)">
|
||
<header style="background: none;"><div class="ub">
|
||
<div class="nav-btn" id="nav-left" style=" margin:0; padding:0; padding-top:0.2em; min-width:4em" onclick="closecommon();">
|
||
<img src="../image/faifeito0.png" style="margin-left:0; margin-top:0em; height:1.4em;width:1.4em;display: none;" />
|
||
</div>
|
||
<h1 class="ub-f1" style="color: #000000;font-size: 1em;">
|
||
<span id="plcount">0</span>条商品
|
||
</h1>
|
||
<div class="nav-btn blue" id="nav-right" style=" margin:0; padding:0;padding-top:0.2em; min-width:4em">
|
||
<!--<img src="../image/full.png" class="full" onclick="onfull()" style="margin-left:0; margin-top:0em; height:1.4em;width:1.4em;" />--><img src="../image/close.png" class="close" style="margin-left:0.8em;margin-right:0.8em; margin-top:0em; height:1.5em;width:1.5em;" onclick="closecommon();" />
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<section class="ub-f1" onclick="stopPropagation(event)" >
|
||
<div class="floor-product" id="sysnew" style="height:32em; padding-bottom:1em; box-sizing: border-box;overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling:touch;overflow-scrolling:touch;">
|
||
|
||
</div>
|
||
|
||
</section>
|
||
</div>
|
||
<div class="ajaxLoader ub ub-ac uhide" onclick="reload()">
|
||
<div class="ub ub-ac ub-ver"><img src="../image/load.gif" /><br>正在加载...</div>
|
||
</div>
|
||
</body>
|
||
<script type="text/javascript" src="../script/api.js"></script>
|
||
<script type="text/javascript" src="../script/main.js"></script>
|
||
<script type="text/javascript" src="../script/moment.js"></script>
|
||
<script type="text/javascript" src="../script/jquery-2.0.2.min.js"></script>
|
||
<script type="text/javascript">
|
||
var productids="";
|
||
var userId=null;
|
||
var LoginId=null;
|
||
apiready = function() {
|
||
productids=$api.getStorage("productids");
|
||
userId=$api.getStorage("userId");
|
||
LoginId=$api.getStorage("LoginId");
|
||
|
||
rdata(1);
|
||
onScroll0();
|
||
};
|
||
function onScroll0() {
|
||
isload = true;//设置是否终止滚动加载
|
||
curScrollHeight = 0;//当前滚动位置
|
||
curCount = 1;//计数器，防止滚动时重复执行加载下一页
|
||
$(".floor-product").scroll(function () {
|
||
var pageHeight = $("body").height();
|
||
var showHeight = $(".floor-product").height();
|
||
var scrollHeight = $(".floor-product").scrollTop();
|
||
|
||
if (curScrollHeight - scrollHeight < 10 && curScrollHeight > 0) {
|
||
if (curCount == 1 && isload) {
|
||
|
||
rdata(0);
|
||
}
|
||
curCount++; //加载下一页后计数器+1
|
||
}
|
||
if (curScrollHeight < scrollHeight) {
|
||
curScrollHeight = pageHeight - showHeight;//滚动到页面底部时，重设当前滚动位置
|
||
curCount = 1;
|
||
}
|
||
|
||
});
|
||
}
|
||
function rdata(t) {
|
||
$api.removeCls($api.dom(".ajaxLoader"),"uhide");
|
||
var Start = $api.domAll(".floor-product .product-cont").length;
|
||
if(t==1){
|
||
|
||
Start = 0;
|
||
|
||
}
|
||
|
||
api.ajax({
|
||
url : apiurl+"/apiajax.ashx?action=getvideoproductlist&Start="+Start + "&productids=" + productids + (userId!=null?"&userId=" + userId:"") + (LoginId!=null?"&LoginId=" + LoginId:""),
|
||
method:'get',
|
||
dataType:'json'
|
||
},
|
||
function(data, status) {
|
||
if (data) {
|
||
|
||
$api.addCls($api.dom(".ajaxLoader"),"uhide");
|
||
if(data.status==1){
|
||
$api.html($api.dom('#plcount'),data.Recount);
|
||
if(data.productlist.length>0){
|
||
var list = data.productlist;
|
||
var html="";
|
||
if(Start==0){
|
||
|
||
html+="<div class=\"floor-product-item\">";
|
||
html+="<div class=\"product-item-cont\">";
|
||
}
|
||
for(j=0;j<list.length;j++){
|
||
if(document.getElementsByClassName(".databox_"+list[j]._id).length==0){
|
||
html+="<div onclick=\"ondetail("+list[j]._id+")\" class=\"product-cont"+(j%2==0?" product-cont0":"")+" databox_"+list[j]._id+"\">";
|
||
html+="<div class=\"product-cont-box\"><img src=\""+ list[j].image+"\" />";
|
||
html += "<span class=\"txt\">" + list[j].name + "</span>";
|
||
html += "<span class=\"rmb\" style=\"float:right; margin-top: .6em;\"><del>" + list[j].scje + "元</del><span class=\"hyje\" style=\"float:right; margin-top: 0em;\">" + list[j].hyje + "元</span></span>";
|
||
|
||
html+="</div></div>";
|
||
}
|
||
}
|
||
if(Start==0){
|
||
html+="</div>";
|
||
html+="</div>";
|
||
}
|
||
if(Start==0){
|
||
$api.html($api.dom(".floor-product"), html);
|
||
}else{
|
||
$api.append($api.dom(".floor-product .product-item-cont"), html);
|
||
}
|
||
|
||
}
|
||
|
||
|
||
|
||
|
||
}else{
|
||
|
||
toast(data.msg);
|
||
if(data.msg=="您未登录"){
|
||
$api.rmStorage("userId");
|
||
$api.rmStorage("LoginId");
|
||
}
|
||
|
||
}
|
||
|
||
}else{
|
||
|
||
toast("网络错误！");
|
||
$api.addCls($api.dom(".ajaxLoader"), "uhide");
|
||
|
||
}
|
||
})
|
||
|
||
}
|
||
|
||
|
||
|
||
|
||
function closecommon(){
|
||
execScript0("video_content","playvideo()");
|
||
closeFrame('video_cartto');
|
||
}
|
||
function stopPropagation(e) {
|
||
if (e.stopPropagation)
|
||
e.stopPropagation();
|
||
else
|
||
e.cancelBubble = true;
|
||
}
|
||
function ondetail(id){
|
||
onlink("shop_view.html?id=" + id);
|
||
}
|
||
</script>
|
||
|
||
</html>
|