369 lines
13 KiB
HTML
369 lines
13 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>流量任务</title>
|
|||
|
|
<link rel="stylesheet" type="text/css" href="/css/api.css" />
|
|||
|
|
<link rel="stylesheet" type="text/css" href="/css/content.css" />
|
|||
|
|
<script type="text/javascript" src="/scripts/jquery-2.0.2.min.js"></script>
|
|||
|
|
<script type="text/javascript" src="/scripts/jquery.cookie.min.js"></script>
|
|||
|
|
<!--<script type="text/javascript" src="/scripts/iscroll.js"></script>-->
|
|||
|
|
<script type="text/javascript" src="/script/main.js?t=0"></script>
|
|||
|
|
<script type="text/javascript" src="/layer/layer.js"></script>
|
|||
|
|
<script type="text/javascript" src="/Scripts/long.js"></script>
|
|||
|
|
<script type="text/javascript" src="/script/moment.js"></script>
|
|||
|
|
<script type="text/javascript" src="/script/api.js"></script>
|
|||
|
|
<style type="text/css">
|
|||
|
|
html, body {
|
|||
|
|
overflow: hidden;
|
|||
|
|
background-color: #000;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#wrapper {
|
|||
|
|
width:100%;
|
|||
|
|
height:100%;
|
|||
|
|
flex: 1;
|
|||
|
|
overflow-y: auto;
|
|||
|
|
-webkit-overflow-scrolling: touch;
|
|||
|
|
}
|
|||
|
|
.closebox {
|
|||
|
|
/* 最外层的盒子 */
|
|||
|
|
right: 0.8em;
|
|||
|
|
top: 2.8em;
|
|||
|
|
position: absolute;
|
|||
|
|
overflow: hidden;
|
|||
|
|
display: none;
|
|||
|
|
width: 1.8em;
|
|||
|
|
height: 1.8em;
|
|||
|
|
padding: 0.15em;
|
|||
|
|
background-color: #fff;
|
|||
|
|
border: 1px solid #f1f1f1;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
.closebox img {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
.box {
|
|||
|
|
/* 最外层的盒子 */
|
|||
|
|
width: 50px;
|
|||
|
|
height: 50px;
|
|||
|
|
right: 0.8em;
|
|||
|
|
top: 2.8em;
|
|||
|
|
position: absolute;
|
|||
|
|
overflow: hidden;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
background-color: pink;
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.left_box, .right_box {
|
|||
|
|
/*
|
|||
|
|
左右两边用于 隐藏 旋转的div的盒子
|
|||
|
|
通过overflow来隐藏内部div旋转出去的部分
|
|||
|
|
*/
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
width: 25px;
|
|||
|
|
height: 50px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
z-index: 1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.left_box {
|
|||
|
|
left: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.right_box {
|
|||
|
|
right: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.left_item, .right_item {
|
|||
|
|
/* 这是需要旋转的div(没有被mask遮盖展示出来的部分作为倒计时的线条) 为了方便理解，下面用deeppink和cyan分别设置了左右两边div的颜色 */
|
|||
|
|
width: 25px;
|
|||
|
|
height: 50px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.left_item {
|
|||
|
|
/*
|
|||
|
|
1.设置圆角，圆角大小为高度的一半
|
|||
|
|
2.这只旋转的中心店，这是左边圆，中心点设置到右边中心点，右边圆则设置到左边中心点
|
|||
|
|
*/
|
|||
|
|
border-top-left-radius: 100px;
|
|||
|
|
border-bottom-left-radius: 100px;
|
|||
|
|
-webkit-transform-origin: right center;
|
|||
|
|
transform-origin: right center;
|
|||
|
|
background-color: deeppink;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.right_item {
|
|||
|
|
border-top-right-radius: 100px;
|
|||
|
|
border-bottom-right-radius: 100px;
|
|||
|
|
-webkit-transform-origin: left center;
|
|||
|
|
transform-origin: left center;
|
|||
|
|
background-color: deeppink;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.mask {
|
|||
|
|
/* 遮住div多余的部分，呈现出线条的效果 */
|
|||
|
|
position: absolute;
|
|||
|
|
top: 5px;
|
|||
|
|
left: 5px;
|
|||
|
|
right: 5px;
|
|||
|
|
bottom: 5px;
|
|||
|
|
width: 40px;
|
|||
|
|
height: 40px;
|
|||
|
|
line-height: 40px;
|
|||
|
|
text-align: center;
|
|||
|
|
z-index: 2;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
background-color: #fff;
|
|||
|
|
color: #000;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@-webkit-keyframes loading_left {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform: rotate(0deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
50% {
|
|||
|
|
-webkit-transform: rotate(0deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform: rotate(180deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@-webkit-keyframes loading_right {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform: rotate(0deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
50% {
|
|||
|
|
-webkit-transform: rotate(180deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform: rotate(180deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
var isLoading = false;
|
|||
|
|
var isLoadRewardVideo = false;
|
|||
|
|
var lyAd = null;
|
|||
|
|
|
|||
|
|
var userId = null;
|
|||
|
|
var LoginId = null;
|
|||
|
|
var opentimes = null;
|
|||
|
|
var ifapp = 0;
|
|||
|
|
var ifsmrz = 0, ifwcrw = 0, orderid = 0, mtcc = 0, msecond = 0;
|
|||
|
|
var showggtype = 0;
|
|||
|
|
var videoid = 0;
|
|||
|
|
var products = null;
|
|||
|
|
var guiges = null;
|
|||
|
|
var myScroll = null;
|
|||
|
|
var pullDown = 1; // 下拉刷新避免多次执行
|
|||
|
|
var pullUp = 1; // 上拉加载避免多次执行
|
|||
|
|
var downHeight = 0;
|
|||
|
|
var upHeight = 0;
|
|||
|
|
var isload = true;//设置是否终止滚动加载
|
|||
|
|
var curScrollHeight = 0;//当前滚动位置
|
|||
|
|
var curCount = 1;//计数器，防止滚动时重复执行加载下一页
|
|||
|
|
$(document).ready(function () {
|
|||
|
|
userId = getlocalStorage("userId");
|
|||
|
|
LoginId = getlocalStorage("LoginId");
|
|||
|
|
|
|||
|
|
var aifapp = getlocalStorage("ifapp");
|
|||
|
|
if (aifapp != null) {
|
|||
|
|
ifapp = aifapp;
|
|||
|
|
}
|
|||
|
|
var ashowggtype = $api.getStorage("showggtype");
|
|||
|
|
if (ashowggtype != null) {
|
|||
|
|
showggtype = ashowggtype;
|
|||
|
|
}
|
|||
|
|
rdata(1);
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
function watchvideo() {
|
|||
|
|
|
|||
|
|
var datas = {
|
|||
|
|
action: "watchvideo" + (showggtype == 2 ? "1" : (showggtype == 1 ? "0" : "")),
|
|||
|
|
userId: userId,
|
|||
|
|
LoginId: LoginId,
|
|||
|
|
videoid: videoid
|
|||
|
|
};
|
|||
|
|
api.ajax({
|
|||
|
|
url: apiurl + "/apiajax.ashx?ifweb=1",
|
|||
|
|
method: 'post',
|
|||
|
|
headers: {
|
|||
|
|
"user-agent": navigator.userAgent
|
|||
|
|
},
|
|||
|
|
data: {
|
|||
|
|
values: datas
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
function (data, status) {
|
|||
|
|
if (data.status == 1) {
|
|||
|
|
$api.setStorage("taskrefresh", 1);
|
|||
|
|
|
|||
|
|
} else {
|
|||
|
|
alert(data.msg);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
function rdata(ag) {
|
|||
|
|
$(".more_box").html("");
|
|||
|
|
|
|||
|
|
$(".ajaxLoader").removeClass("uhide");
|
|||
|
|
|
|||
|
|
|
|||
|
|
$.ajax({
|
|||
|
|
type: 'GET',
|
|||
|
|
url: "/apiajax.ashx?action=gettaskvideodata&ifweb=1&t=" + showggtype +"&userId=" + (userId != null ? userId : "") + "&LoginId=" + (LoginId != null ? LoginId : ""),
|
|||
|
|
dataType: "json",
|
|||
|
|
success: function (data) {
|
|||
|
|
|
|||
|
|
$(".ajaxLoader").addClass("uhide");
|
|||
|
|
|
|||
|
|
if (data) {
|
|||
|
|
|
|||
|
|
if (data.status == '1') {
|
|||
|
|
videoid = data.id;
|
|||
|
|
msecond = data.second;
|
|||
|
|
var winWidth = $('#wrapper').width();
|
|||
|
|
var winHeight = $('#wrapper').height();
|
|||
|
|
var html = "<video width=\"" + winWidth + "\" height=\"" + winHeight + "\" id=\"myVideo\" style=\"background-color: #000000;\" autoplay poster=\"\" x5-video-player-type=\"h5\" x5-video-player-fullscreen=\"false\" x5-playsinline=\"\" playsinline=\"\" webkit-playsinline=\"\"><source src=\"" + data.url + "\" type=\"video/mp4\"></video><span style=\"display:none\">用于保存视频不能保存问题</span><br/>";
|
|||
|
|
$("#wrapper").html(html);
|
|||
|
|
var myVideo = document.getElementById("myVideo");
|
|||
|
|
myVideo.addEventListener("canplay", canplay);
|
|||
|
|
$(".ajaxLoader").addClass("uhide");
|
|||
|
|
|
|||
|
|
|
|||
|
|
/*var vedioElem = document.getElementById('m5Warning');
|
|||
|
|
videoElem.addEventListener('canplaythrough', function () {
|
|||
|
|
$(".ajaxLoader").addClass("uhide");
|
|||
|
|
$(".box").css("display","block");
|
|||
|
|
$(".left_item").css("-webkit-animation", "loading_left " + data.second + "s linear");
|
|||
|
|
$(".right_item").css("-webkit-animation", "loading_right " + data.second + "s linear");
|
|||
|
|
|
|||
|
|
});*/
|
|||
|
|
|
|||
|
|
} else {
|
|||
|
|
tishi3(data.msg);
|
|||
|
|
if (data.msg == "您未登录") {
|
|||
|
|
clearlocalStorage("userId");
|
|||
|
|
clearlocalStorage("LoginId");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
|
|||
|
|
tishi3("读取数据错误0");
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
error: function (xhr, type) {
|
|||
|
|
tishi3("读取数据错误");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function canplay() {
|
|||
|
|
$(".box").css("display", "block");
|
|||
|
|
$(".left_item").css("-webkit-animation", "loading_left " + msecond + "s linear");
|
|||
|
|
$(".right_item").css("-webkit-animation", "loading_right " + msecond + "s linear");
|
|||
|
|
$(".mask").html(msecond);
|
|||
|
|
var closeInterval = setInterval(function () {
|
|||
|
|
if (msecond > 0) {
|
|||
|
|
msecond -= 1;
|
|||
|
|
$(".mask").html(msecond);
|
|||
|
|
if (msecond == 0) {
|
|||
|
|
watchvideo();
|
|||
|
|
$(".box").css("display", "none");
|
|||
|
|
$(".closebox").css("display", "block");
|
|||
|
|
clearInterval(closeInterval);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}, 1000);
|
|||
|
|
}
|
|||
|
|
function ondetail(id) {
|
|||
|
|
onlink("shop_view.html?id=" + id);
|
|||
|
|
}
|
|||
|
|
function stopPropagation(e) {
|
|||
|
|
if (e.stopPropagation)
|
|||
|
|
e.stopPropagation();
|
|||
|
|
else
|
|||
|
|
e.cancelBubble = true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
function closecolor(t) {
|
|||
|
|
$("#color_box" + t).css("display", "none");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
<!--<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:3em" onclick="closeWin()">
|
|||
|
|
|
|||
|
|
<img src="../image/faifei.png" style="margin-left:0; margin-top:0em; height:1.2em;width:1.2em;" />
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</header>-->
|
|||
|
|
<section class="ub-f1" id="wrapper"></section>
|
|||
|
|
<div class="box">
|
|||
|
|
<div class="left_box">
|
|||
|
|
<div class="left_item"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="right_box">
|
|||
|
|
<div class="right_item"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="mask"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="closebox" onclick="closeWin()">
|
|||
|
|
<img src="../image/close.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="Hidden_box" id="color_box0" onclick="closecolor(0)">
|
|||
|
|
<div class="Hidden_box_to" onclick="stopPropagation(event)">
|
|||
|
|
<div class="title">领取奖励</div>
|
|||
|
|
<div class="close" onclick="closecolor(0)"><img src="../image/close.png" /></div>
|
|||
|
|
<div class="body">
|
|||
|
|
|
|||
|
|
<div class="select_box_fertilizer">
|
|||
|
|
<img src="/image/jb.png" alt="" style="width:4em;">
|
|||
|
|
<div>恭喜您！完成今日任务，请领取今日奖励</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="clear"></div>
|
|||
|
|
<div class="select_box_btn" style="padding-bottom:0;">
|
|||
|
|
<input id="btntj" type="button" onclick="lingqujiangli();" value="确认领取" class="qybtn" />
|
|||
|
|
<input id="flid" type="hidden" value="" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</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>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</html>
|