-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpictrue.html
105 lines (89 loc) · 5.02 KB
/
pictrue.html
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
<!DOCTYPE html>
<html lang="cn">
<head>
<title>进步工具箱</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/mdui/0.4.3/css/mdui.min.css">
<script src="https://cdnjs.loli.net/ajax/libs/mdui/0.4.3/js/mdui.min.js"></script>
<script src="https://code.jquery.com/jquery-3.5.0.min.js"></script>
<style>
body {
background-color: #FFFFFF;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 28' width='56' height='28'%3E%3Cpath fill='%23EDF1F6' fill-opacity='1' d='M56 26v2h-7.75c2.3-1.27 4.94-2 7.75-2zm-26 2a2 2 0 1 0-4 0h-4.09A25.98 25.98 0 0 0 0 16v-2c.67 0 1.34.02 2 .07V14a2 2 0 0 0-2-2v-2a4 4 0 0 1 3.98 3.6 28.09 28.09 0 0 1 2.8-3.86A8 8 0 0 0 0 6V4a9.99 9.99 0 0 1 8.17 4.23c.94-.95 1.96-1.83 3.03-2.63A13.98 13.98 0 0 0 0 0h7.75c2 1.1 3.73 2.63 5.1 4.45 1.12-.72 2.3-1.37 3.53-1.93A20.1 20.1 0 0 0 14.28 0h2.7c.45.56.88 1.14 1.29 1.74 1.3-.48 2.63-.87 4-1.15-.11-.2-.23-.4-.36-.59H26v.07a28.4 28.4 0 0 1 4 0V0h4.09l-.37.59c1.38.28 2.72.67 4.01 1.15.4-.6.84-1.18 1.3-1.74h2.69a20.1 20.1 0 0 0-2.1 2.52c1.23.56 2.41 1.2 3.54 1.93A16.08 16.08 0 0 1 48.25 0H56c-4.58 0-8.65 2.2-11.2 5.6 1.07.8 2.09 1.68 3.03 2.63A9.99 9.99 0 0 1 56 4v2a8 8 0 0 0-6.77 3.74c1.03 1.2 1.97 2.5 2.79 3.86A4 4 0 0 1 56 10v2a2 2 0 0 0-2 2.07 28.4 28.4 0 0 1 2-.07v2c-9.2 0-17.3 4.78-21.91 12H30zM7.75 28H0v-2c2.81 0 5.46.73 7.75 2zM56 20v2c-5.6 0-10.65 2.3-14.28 6h-2.7c4.04-4.89 10.15-8 16.98-8zm-39.03 8h-2.69C10.65 24.3 5.6 22 0 22v-2c6.83 0 12.94 3.11 16.97 8zm15.01-.4a28.09 28.09 0 0 1 2.8-3.86 8 8 0 0 0-13.55 0c1.03 1.2 1.97 2.5 2.79 3.86a4 4 0 0 1 7.96 0zm14.29-11.86c1.3-.48 2.63-.87 4-1.15a25.99 25.99 0 0 0-44.55 0c1.38.28 2.72.67 4.01 1.15a21.98 21.98 0 0 1 36.54 0zm-5.43 2.71c1.13-.72 2.3-1.37 3.54-1.93a19.98 19.98 0 0 0-32.76 0c1.23.56 2.41 1.2 3.54 1.93a15.98 15.98 0 0 1 25.68 0zm-4.67 3.78c.94-.95 1.96-1.83 3.03-2.63a13.98 13.98 0 0 0-22.4 0c1.07.8 2.09 1.68 3.03 2.63a9.99 9.99 0 0 1 16.34 0z'%3E%3C/path%3E%3C/svg%3E");
}
.mdui-col-xs-3 .mdui-select {
float: right;
}
</style>
</head>
<body class="mdui-theme-primary-indigo mdui-theme-accent-red mdui-appbar-with-toolbar">
<header class="mdui-appbar mdui-appbar-fixed">
<div class="mdui-toolbar mdui-color-theme">
<a onClick="javascript :history.back(-1);" class="mdui-btn mdui-btn-icon"><i
class="mdui-icon material-icons">home</i></a>
<a class="mdui-typo-title" style="margin-left: -15px">进步工具箱--Cosplay图片</a>
<div class="mdui-toolbar-spacer"></div>
<div>v 1.1</div>
</div>
<div class="mdui-progress mdui-hidden">
<div class="mdui-progress-indeterminate"></div>
</div>
</header>
<div class="mdui-container mdui-m-y-2" style="max-width: 840px">
<div class="pictrue">
</div>
<div class="mdui-text-center">
<button id="next" class="mdui-fab mdui-color-blue mdui-fab-fixed mdui-ripple"><i class="mdui-icon material-icons">add</i></button>
</div>
<!-- CONTENT -->
</div>
</body>
</html>
<script>
function pictrue(page =1){
$('.mdui-progress').removeClass('mdui-hidden');
$.getJSON('pictrue.php?page='+page,function (json) {
if(json.result){
alert('接口已失效');
}else {
$.each(json,function (i) {
$.each(json[i]['pictrue'],function (j) {
var html = ' <div class="mdui-card mdui-m-b-1">\n' +
' <div class="mdui-card-media">\n' +
' <img src="'+json[i]['pictrue'][j]+'"/>\n' +
' <div class="mdui-card-media-covered mdui-card-media-covered-transparent">\n' +
' <div class="mdui-card-primary">\n' +
' <div class="">'+json[i].setname+'</div>\n' +
' <div class="mdui-card-primary-subtitle">'+json[i].createdate+'</div>\n' +
' </div>\n' +
' </div>\n' +
' </div>\n' +
' </div>';
$('.pictrue').append(html);
});
$('.mdui-progress').addClass('mdui-hidden');
});
}
});
}
window.onload=pictrue();
// var page = 1;
/**
$('#up').click(function () {
if(!page >1){
page = page -1;
pictrue(page)
}else {
alert('已经到了首页');
console.log(page);
}
});
*/
$('#next').click(function () {
// page = page +1;
pictrue()
});
</script>