r64/checkin.html · 约 1861 字符
1<!doctype html>
2<html lang="zh-CN">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
6<title>扫码签到</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="app">
11 <header class="top">
12 <div class="top-l">同学 · 小樱</div>
13 <div class="top-r">扫码签到</div>
14 </header>
15 <main class="main">
16<div class="card" style="text-align:center">
17 <div class="sec-title" style="justify-content:center"><span class="em">📷</span> 现场扫码签到</div>
18 <div class="qr-fake"></div>
19 <div class="muted">将二维码对准现场签到机，或请工作人员扫码</div>
20</div>
21<div class="card row"><div><div class="nm">春日樱花摄影大赛</div><div class="muted">今日 14:00 · 樱花园</div></div>
22 <span class="badge b-ok">已签到</span></div>
23<div class="card">
24 <div class="sec-title"><span class="em">📋</span> 我的签到记录</div>
25 <div class="guide" style="border:none"><div class="info"><div class="nm" style="font-size:13px">校园歌手大赛</div><div class="sub">04/02 已签到</div></div><span class="badge b-ok">✓</span></div>
26 <div class="guide" style="border:none"><div class="info"><div class="nm" style="font-size:13px">心理市集·减压嘉年华</div><div class="sub">03/28 待签到</div></div><span class="badge b-warn">…</span></div>
27</div>
28</main>
29 <nav class="nav"><a class="" href="home.html"><span class="ic">🌸</span>活动</a><a class="" href="signup.html"><span class="ic">📝</span>报名</a><a class="" href="my.html"><span class="ic">📋</span>我的报名</a><a class=" on" href="checkin.html"><span class="ic">📷</span>签到</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
30</div>
31<script></script>
32</body>
33</html>