r63/home.html · 约 2935 字符
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">迎新晚会 · 学术讲座 · 运动会，一键报名</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> 近期活动（5）</div>
25 <a class="guide" href="detail.html" style="text-decoration:none;color:inherit"><div class="thumb">🎉</div><div class="info"><div class="nm">2026 迎新晚会 · 新生文艺汇演</div><div class="sub">📍 大学生活动中心 · 09-20 19:00</div><div class="meta">名额 500 · 已报 386</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">学术前沿讲座：AI 与未来</div><div class="sub">📍 图书馆报告厅 · 08-28 14:30</div><div class="meta">名额 200 · 已报 178</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">📍 中心田径场 · 10-15 08:00</div><div class="meta">名额 800 · 已报 642</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">📍 大学生活动中心 · 09-05 18:30</div><div class="meta">名额 120 · 已报 99</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">📍 理工楼 E 座 · 09-12 09:00</div><div class="meta">名额 150 · 已报 121</div></div></a>
26</div>
27<div class="card row"><div class="muted">📋 我已报名 3 项活动</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="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>