qq464965856
- 发布：2015-12-22 16:57
- 更新：2015-12-22 17:01
- 阅读：1427
qq464965856 (作者)
页面代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>首页视频</title>
<script src="js/jquery.js"></script>
<link href="css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/vr.js"></script>
<script type="text/javascript" src="js/show.js"></script>
<script type="text/javascript" charset="utf-8">
/**
* 搜索
*/
function search() {
window.location.href="search.html";
}
/**
* 显示详情
* @param {Object} item
*/
function showDesc(item) {
var img = $(item);
var p = img.parent().parent().parent();
var desc = p.find(".v_desc");
if (desc.is(":hidden")) {
desc.show();
img.attr("src", "images/icon_up.png");
} else {
desc.hide();
img.attr("src", "images/icon_down.png");
}
}
</script>
</head>
<body>
<header class="top_tab c clearfix p5">
<a class="white fl ml10 it" href="index.html">视频</a>
<a class="white" href="home_i.html">图片</a>
<a class="white fr mr10" href="home_r.html">游戏</a>
</header>
<div class="top_right">
<img src="images/icon_search.png" width="40" onclick="search();" />
</div>
<!--上拉加载容器-->
<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
<div class="mui-scroll">
<!--数据列表-->
<ul id="video" class="mui-table-view mui-table-view-chevron">
</ul>
</div>
</div>
<script src="js/mui.min.js"></script>
<script>
mui.init({
pullRefresh: {
container: '#pullrefresh',
up: {
contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
contentnomore:'没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
callback: pullupRefresh
}
}
});
//记录是否还有数据（默认false有）
count = false;
//since_id
since_id = 0;
/**
* 上拉加载具体业务实现
*/
function pullupRefresh() {
setTimeout(function() {
mui('#pullrefresh').pullRefresh().endPullupToRefresh(count); //参数为true代表没有更多数据了。
//获取当前页面路径
path = getPath();
//获取app_key
var local = window.localStorage;
var app_key = local.getItem('app_key');
//每页显示个数
var page = 3;
$.ajax({
type:"post",
url:path+"vir/system/vrShowMessAction_getShowMessListInterface.do",
data:{
app_key:app_key,
showType:0,
since_id:since_id,
tag:0,
page:page
},
dataType:"json",
success:function(data) {
if(data.code == "200" && data.message_code == "9998") {
//获取特殊设置的展示内容 0置顶 1覆盖 （为空是正常）
var t = data.result.tag;
var showMessCover = data.result.showMessCover;
//获取正常展示内容
var showMess = data.result.showMess;
var length = showMess.length;
//展示内容
if(showMessCover != null) {
videoShow(showMessCover);
}
if(length > 0) {
since_id = showMess[length-1].since_id;
if(t != 1) {
videoShow(showMess);
}
}else {
count = true;
}
}
}
});
}, 1500);
}
if (mui.os.plus) {
mui.plusReady(function() {
setTimeout(function() {
mui('#pullrefresh').pullRefresh().pullupLoading();
}, 2000);
});
} else {
mui.ready(function() {
mui('#pullrefresh').pullRefresh().pullupLoading();
});
}
</script>
<!-- <ul id="video" class="mb20"></ul> -->
<div class="footer_top">
<a href="tab_profile_shop.html"><img src="images/icon_eye.png" width="40" /></a>
</div>
<footer class="footer clearfix c">
<a href="index.html" class="hover"><i class="i1"></i><br/>首页</a>
<a href="tab_activity.html"><i class="i2"></i><br/>活动</a>
<a href="tab_profile.html"><i class="i3"></i><br/>我的</a>
</footer>
</body> </html>
