r68/home.html · 约 2761 字符
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">4 个进行中投票 · 实时结果 · 一票防刷</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">市场部 52% · 研发部 31%</div><div class="meta">1.2k 人已投 · 还剩 2 天</div></div><span class="tag">进行中</span></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">《星海》41% · 《归途》38%</div><div class="meta">864 人已投 · 还剩 5 天</div></div><span class="tag">进行中</span></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">火锅 47% · 烧烤 33% · 日料 20%</div><div class="meta">2.3k 人已投 · 已结束</div></div><span class="tag">已结束</span></a><a class="guide" href="detail.html" style="text-decoration:none;color:inherit"><div class="thumb">📱</div><div class="info"><div class="nm">新 App 配色调研</div><div class="sub">紫调 58% · 蓝调 24%</div><div class="meta">405 人已投 · 还剩 1 天</div></div><span class="tag">进行中</span></a>
26</div>
27<div class="card row"><div class="muted">🗳️ 你已参与 3 个投票，累计 12 票</div><a class="btn sm" href="create.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="share.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>