This repository has been archived by the owner on Jan 19, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
143 lines (129 loc) · 6.29 KB
/
index.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
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
143
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" href="/favicon.ico"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>抢票助手</title>
<!--dependencies-->
<link rel="stylesheet" href="http://cdn.helloyzy.cn/css/lib/reset.css">
<!--<link rel="stylesheet" href="/css/lib/bootstrap.min.css">-->
<!--<link rel="stylesheet" href="/css/lib/animate.min.css">-->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="https://cdn.bootcss.com/animate.css/3.5.2/animate.min.css" rel="stylesheet">
<!--styles-->
<link rel="stylesheet" href="http://cdn.helloyzy.cn/css/index.css">
<!--加载require.js-->
<script data-main="js/app.js" src="js/lib/require.js"></script>
</head>
<body>
<!--信息录入-->
<div class="main" id="js-main">
<div class="mainBox js-mainBox">
<p id="js-act-title" class="main-title js-theme-config bounceInDown animated"></p>
<p id="js-act-des" class="main-des js-theme-config bounceInDown animated"></p>
<div class="main-container">
<!--姓名-->
<div class="l-box__rowMid mt1 fadeInLeft animated">
<span class="main-input-holder js-theme-config">姓名：</span>
<input id="js-input-name" type="text" class="main-input js-theme-config" placeholder="请输入你的真实姓名"
autofocus="autofocus">
<!--<span class="main-input-label ft-red">请输入姓名</span>-->
</div>
<!--学号-->
<div class="l-box__rowMid mt1 fadeInLeft animated">
<span class="main-input-holder js-theme-config">学号：</span>
<input id="js-input-stuNum" type="tel" class="main-input js-theme-config" placeholder="请输入真实学号">
<!--<span class="main-input-label ft-red">请输入学号</span>-->
</div>
<!--电话-->
<div class="l-box__rowMid mt1 fadeInLeft animated">
<span class="main-input-holder js-theme-config">手机：</span>
<input id="js-input-tel" type="tel" class="main-input js-theme-config" placeholder="请输入有效手机号码">
<!--<span class="main-input-label ft-red">请输入电话</span>-->
</div>
<!--<button class="js-submit-button main-button">提交个人信息</button>-->
<div class="theme-1 l-box__verMid bounceInUp animated">
<button class="particles-button js-submit-button main-button">保存信息</button>
</div>
</div>
</div>
<!--抢票-->
<div class="rush" id="js-rush">
<!--<p class="rush-title js-theme-config bounceInDown animated">个人信息</p>-->
<div class="rush-card bounceInDown animated">
<div class="l-box__rowMid ycard-icon">
<img class="ycard-img" src="/assets/logo.png" alt="Ticket">
<p id="js-rush-act-title" class="t2-c1__light t2"></p>
</div>
<div class="l-box__row ycard-time">
<p id="js-rush-act-startTime" class="t3-c2__light"></p>
<p class="t4-c2">--------</p>
<p id="js-rush-act-endTime" class="t3-c2__light"></p>
</div>
<div class="l-box__row ycard-time">
<p class="t3-c1__bold">抢票时间：<span id="js-rush-rushStartTime" ></span></p>
</div>
<div class="l-box__rowMid ycard-user">
<img class="ycard-img user" src="/assets/user.png" alt="User">
<p id="js-rush-act-name" class="t3-c1__light t3"></p>
</div>
<div class="ycard-info">
<p class="t3-black__light t3">学号：<span id="js-rush-act-stuNum" class="t3-black__bold t3"></span></p>
<p class="t3-black__light t3">手机：<span id="js-rush-act-tel" class="t3-black__bold t3"></span></p>
</div>
</div>
<div class="theme-1 l-box__verMid">
<button class="js-rush-button rush-ticket-btn pulse animated infinite">抢票</button>
<button class="particles-button js-clear-button rush-button">清除信息</button>
<p class="rushed js-rushed-text t1-c4__light t1 js-theme-config">已抢票</p>
<p class="rushed js-rushed-text t3-c3__light t3 mb-1 js-theme-config ">抢票结果以收到短信为准</p>
</div>
</div>
<!--footer-->
<footer class="main-footer bounceInUp animated" id="js-main-footer">
<!--<p class="main-footer-power js-theme-config">powered by 为之工作室</p>-->
<!--<p class="main-footer-power text-black-50">powered by 为之工作室</p>-->
</footer>
</div>
<!--loading动画-->
<div class="loader-wrapper" id="js-loader">
<!--<p class="main-footer-power text-black-50">powered by 为之工作室</p>-->
<div class="loader">
<div class="roller"></div>
<div class="roller"></div>
</div>
<div id="loader2" class="loader">
<div class="roller"></div>
<div class="roller"></div>
</div>
<div id="loader3" class="loader">
<div class="roller"></div>
<div class="roller"></div>
</div>
<button class="btn freshBtn bounceInUp animated">RELOAD</button>
</div>
<!--<!–footer–>-->
<!--<footer class="main-footer">-->
<!--<p class="main-footer-power js-theme-config">powered by 为之工作室</p>-->
<!--<!–<p class="main-footer-power text-black-50">powered by 为之工作室</p>–>-->
<!--</footer>-->
<!-- make screen flexible -->
<!--<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>-->
<script>
if (window.innerWidth < 1024) {
document.getElementsByTagName('html')[0].style.fontSize = window.innerWidth / 10 + 'px';
document.addEventListener('DOMContentLoaded', function (e) {
document.getElementsByTagName('html')[0].style.fontSize = window.innerWidth / 10 + 'px';
document.getElementsByClassName('freshBtn')[0].onclick = function (e) {
e.preventDefault()
window.location.reload()
}
}, false);
} else {
document.getElementsByTagName('html')[0].style.fontSize = 40 + 'px'
}
</script>
</body>
</html>