-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
51 lines (50 loc) · 2.7 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" /><!--设置宽度，不允许用户缩放-->
<link href="css/style.css" rel="styleSheet" type="text/css" />
<script src="js/qrcode.js" type="text/javascript"></script>
<title>出入证</title>
</head>
<body>
<table>
<tr>
<td></td>
<td><p style="line-height: 8px;text-indent: 1.2em" id="biaoti"><b>北京石油化工学院</b></p>
<p style="line-height: 8px;text-indent: 1em" id="biaoti"><b>疫情防控期间出入证</b></p></td>
</tr>
<tr>
<td><img id="photo" src="https://z3.ax1x.com/2021/11/05/InRu5V.jpg" width="100"/></td>
<td id="info">
<div>
<p style="height: 11px;line-height: 1px;text-indent: 1em" class="info"> 姓名：<span id="name">赵婷凤</span></p>
<p style="height: 11px;line-height: 1px;text-indent: 1em" class="info"> 院系：<span id="department">机械工程学院</span></p>
<p style="height: 11px;line-height: 1px;text-indent: 1em" class="info"> 班级：<span id="class">机研19班</span></p>
<p style="height: 11px;line-height: 1px;text-indent: 1em" class="info"> 学号：<span id="number">2019520088</span></p>
</div>
</td>
</tr>
</table>
<div id="validity">
<p style="height: 8px;line-height: 1px;color:red" class="validity"><b></p>
<p style="height: 11px;line-height: 1px;color:red" class="validity"><b>有效期：</p>
<p style="height: 11px;line-height: 1px;color:red" class="validity"><span id="year0"><b>2021</span><b>年<span id="month0"><b>11</span><b>月<span id="day0"><b>19</span><b>日 <span id="hour0"><b>18</span><b>时<span id="minute0"><b>00</span><b>分 至</p>
<p style="height: 11px;line-height: 1px;color:red" class="validity"><span id="year1"><b>2021</span><b>年<span id="month1"><b>11</span><b>月<span id="day1"><b>20</span><b>日 <span id="hour1"><b>16</span><b>时<span id="minute1"><b>00</span><b>分</p>
<p style="height: 8px;line-height: 1px;color:red" class="validity"><b> </p>
</div>
<div align="right" id="qrcode"></div>
<script src="js/index.js" type="text/javascript"></script>
<script type="text/javascript">
var xuehao=document.getElementById("number").innerHTML;
var qrcode = new QRCode(document.getElementById("qrcode"), {
text: xuehao,
width: 240,
height: 240,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
</script>
</body>
</html>