activeRecord.html
4.82 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<title></title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="../../css/background.css">
<script type="text/javascript" src="js/fsize.js"></script>
<style type="text/css">
.activeRecord .list .item{
background-color: #FFF;
}
.activeRecord .list .item .title,.activeRecord .list .no-data .txt{
color:#333;
}
.activeRecord .list .item .time,.activeRecord .list .item .gem-box span{
color:#666;
}
.activeRecord .list .item .gem-box .green{
color:#A675F9;
}
</style>
</head>
<body>
<div class="activeRecord">
<ul class="list">
<!-- <li class="item">
<p class="title">夏日嘉年華用XXXXX戶獎勵</p>
<p class="time">2018年6月6日 11:21</p>
<div class="gem-box gem-box2">
<span>獎勵螢火：</span>
<img class="icon" src="img/filefly.png" alt="">
<span class="score green">2000</span>
</div>
</li> -->
<!-- <div class="no-data">
<img class="no-record" src="img/no-record.png" alt="">
<p class="txt">暂时没有活動獎勵記錄</p>
</div> -->
</ul>
</div>
</body>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script src="../../lib/langchange.js"></script>
<script type="text/javascript">
$("title").text(langList[langType].activeTitle);
more = true;
next = false;
$ip = "http://ceshi.yabolive.tv/web";
//$ip = "http://webserver.yabolive.net";
Mpage = 1
money(Mpage)
function money(m) {
$.ajax({
url: $ip + '/user/getsubsidy.html',
type: "POST",
data: {
uid: sessionStorage.bbb,
token: sessionStorage.kkk,
lang: sessionStorage.lang,
cid: 'h5_gw',
os: 'h5',
page: Mpage,
pageSize: 15,
type: 2
},
error: function (msg) {
console.log('请求出错');
},
success: function (res) {
var res = JSON.parse(res);
console.log(res);
// if (data.result == undefined || data.result == '' || data.result.length == 0) {
// window.location.href = "no-record.html";
// }
var html = [];
if(res.list.length !=0) {
for (var i = 0; i < res.list.length; i++) {
html += '<li class="item">';
html += '<p class="title">'+res.list[i].eventname+'</p>';
html += '<p class="time">'+gettime(res.list[i].time)+'</p>';
html += '<div class="gem-box gem-box2">';
html += '<span>'+langList[langType].activeFires+'</span>';
html += '<img class="icon" src="img/yumao2.png" alt="">';
html += '<span class="score green">'+res.list[i].fireflynum+'</span>';
html += '</div>';
html += '</li>';
}
}else {
html += '<div class="no-data">';
html += '<img class="no-record" src="img/no-record.png" alt="">';
html+= '<p class="txt">'+langList[langType].activeno+'</p>';
html += '</div>';
}
$(".list").append(html);
addFlag = true;
Mpage++;
next = true;
if (res.list[14] == undefined) {
more = false;
}
}
})
}
var end = 1;
$(window).bind("scroll", function () {
if ($(document).scrollTop() + $(window).height() > $(document).height() - 100 && end != 0 && next)// 接近底部100px
{
if (addFlag) {
if (more == true) {
money(Mpage)
}
addFlag = false;
}
}
});
function gettime(date){
var date = new Date(date);//如果date为10位不需要乘1000
var Y = date.getFullYear() + '.';
var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '.';
var D = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate()) + ' ';
var h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
var m = (date.getMinutes() <10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';
var s = (date.getSeconds() <10 ? '0' + date.getSeconds() : date.getSeconds());
return Y+M+D+h+m+s;
}
</script>
</html>