r64/home.html · 约 3321 字符
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="banner"><div class="b1">🌸 新学期活动季</div>
17<div class="b2">6 场校园活动开放报名 · 名额有限，先到先得</div></div>
18<div class="search">🔍 搜索活动 / 主办方 / 关键词</div>
19<div class="chips">
20 <div class="chip on">🔥 全部</div><div class="chip">🎵 文艺</div><div class="chip">⚙️ 科创</div>
21 <div class="chip">🏀 体育</div><div class="chip">💗 公益</div>
22</div>
23<div class="card">
24 <div class="sec-title"><span class="em">⭐</span> 正在进行</div>
25 <a class="guide" href="detail.html" style="text-decoration:none;color:inherit"><div class="thumb">🌸</div><div class="info"><div class="nm">春日樱花摄影大赛</div><div class="sub">3/21 行政楼前樱花园</div><div class="meta">报名 312 · 名额 400 · 🌿 摄影 / 户外</div></div></a><a class="guide" href="detail.html" style="text-decoration:none;color:inherit"><div class="thumb">🎤</div><div class="info"><div class="nm">校园歌手大赛</div><div class="sub">4/02 大学生活动中心</div><div class="meta">报名 186 · 名额 200 · 🎵 文艺 / 舞台</div></div></a><a class="guide" href="detail.html" style="text-decoration:none;color:inherit"><div class="thumb">🧘</div><div class="info"><div class="nm">心理市集·减压嘉年华</div><div class="sub">3/28 中央草坪</div><div class="meta">报名 540 · 名额 600 · 💗 心理 / 公益</div></div></a><a class="guide" href="detail.html" style="text-decoration:none;color:inherit"><div class="thumb">💻</div><div class="info"><div class="nm">编程马拉松 24h</div><div class="sub">4/12 创客空间</div><div class="meta">报名 96 · 名额 120 · ⚙️ 科创 / 竞赛</div></div></a><a class="guide" href="detail.html" style="text-decoration:none;color:inherit"><div class="thumb">📚</div><div class="info"><div class="nm">旧书漂流市集</div><div class="sub">3/25 图书馆前广场</div><div class="meta">报名 228 · 名额 不限 · 🔄 公益 / 阅读</div></div></a><a class="guide" href="detail.html" style="text-decoration:none;color:inherit"><div class="thumb">🏀</div><div class="info"><div class="nm">篮球院系杯</div><div class="sub">4/08 室外篮球场</div><div class="meta">报名 144 · 名额 160 · 🏀 体育 / 团队</div></div></a>
26</div>
27<div class="card row"><div class="muted">🌸 你已报名 3 场，2 场待审核</div><a class="btn sm" href="my.html">查看报名</a></div>
28</main>
29 <nav class="nav"><a class=" on" 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="" 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>