r67/home.html · 约 3291 字符
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">5 场投票进行中 · 3.2w 人次参与 · 结果实时公开</div></div>
18<div class="chips">
19 <div class="chip on">🟢 进行中 3</div><div class="chip">🔴 已结束 2</div><div class="chip">🔥 最热</div>
20 <div class="chip">🍽️ 生活</div><div class="chip">🎓 校园</div>
21</div>
22<div class="card">
23 <div class="sec-title"><span class="em">🟢</span> 进行中的投票</div>
24 <a class="vote" href="detail.html" style="text-decoration:none;color:inherit"><div class="thumb">🏆</div><div class="info"><div class="nm">年度最佳社团评选</div><div class="sub">文学社 / 街舞社 / 电竞社 / 合唱团</div><div class="meta">单选 · 1.2k 人参与</div></div><span class="badge b-ok">🟢 进行中</span></a><a class="vote" href="detail.html" style="text-decoration:none;color:inherit"><div class="thumb">🍱</div><div class="info"><div class="nm">午餐口味调查</div><div class="sub">川菜 / 粤菜 / 日料 / 轻食</div><div class="meta">多选 · 864 人参与</div></div><span class="badge b-ok">🟢 进行中</span></a><a class="vote" href="detail.html" style="text-decoration:none;color:inherit"><div class="thumb">📍</div><div class="info"><div class="nm">下届活动地点投票</div><div class="sub">杭州 / 成都 / 西安 / 厦门</div><div class="meta">单选 · 532 人参与</div></div><span class="badge b-ok">🟢 进行中</span></a>
25</div>
26<div class="card">
27 <div class="sec-title"><span class="em">🔴</span> 已结束的投票</div>
28 <a class="vote" href="result.html" style="text-decoration:none;color:inherit"><div class="thumb">🎤</div><div class="info"><div class="nm">校园歌手大赛人气奖</div><div class="sub">12 位选手人气比拼</div><div class="meta">单选 · 3.4k 人参与</div></div><span class="badge b-red">🔴 已结束</span></a><a class="vote" href="result.html" style="text-decoration:none;color:inherit"><div class="thumb">🌱</div><div class="info"><div class="nm">新学期社团招新意向</div><div class="sub">运动类 / 艺术类 / 学术类 / 公益类</div><div class="meta">多选 · 221 人参与</div></div><span class="badge b-red">🔴 已结束</span></a>
29</div>
30<div class="card row"><div class="muted">➕ 想发起一场投票？</div><a class="btn sm" href="create.html">立即发起</a></div>
31</main>
32 <nav class="nav"><a class=" on" href="home.html"><span class="ic">🏠</span>首页</a><a class="" href="detail.html"><span class="ic">🗳️</span>投票</a><a class="" href="create.html"><span class="ic">➕</span>发起</a><a class="" href="my.html"><span class="ic">📋</span>我的投票</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
33</div>
34<script></script>
35</body>
36</html>