index.html · 约 2812 字符
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 <div class="topbar">12 <div class="brand"><span class="logo">👍</span> 拇指校友活动网</div>13 <div class="search">🔍 <input placeholder="搜索校友活动 / 校友 / 组织"></div>14 </div>1516 <div class="banner">17 <div class="deco">🎓</div>18 <h3>2026 校友返校日</h3>19 <p>9 月 20 日 · 秩年庆典倒计时 22 天<br>报名已开启，班级合影墙等你归来</p>20 </div>2122 <div class="quick">23 <a class="q" href="publish.html"><div class="qi">📝</div><div class="qt">发布活动</div></a>24 <a class="q" href="my_activities.html"><div class="qi">📋</div><div class="qt">我的活动</div></a>25 <a class="q" href="feed.html"><div class="qi">💬</div><div class="qt">校友圈</div></a>26 <a class="q" href="directory.html"><div class="qi">👥</div><div class="qt">通讯录</div></a>27 </div>2829 <div class="secttl"><span class="bar"></span><span class="t">🔥 热门活动</span>30 <a class="more" href="activities.html">全部 ›</a></div>31 <div id="hot"></div>3233 <div class="secttl"><span class="bar"></span><span class="t">💬 校友动态</span>34 <a class="more" href="feed.html">更多 ›</a></div>35 <div id="feedprev"></div>36</div>37<div class="tabbar" id="tabbar"></div>3839<script src="data.js"></script>40<script src="app.js"></script>41<script>42function acard(a){43 return '<a class="acard" href="activity_detail.html?id='+a.id+'">'+44 '<div class="cover" style="background:'+a.grad+'">'+a.emoji+'</div>'+45 '<div class="body"><div class="tt">'+esc(a.title)+'</div>'+46 '<div class="meta"><span class="m">🕒 '+a.time+'</span><span class="m">📍 '+a.location+'</span></div>'+47 '<div class="foot"><span class="join">已报 '+a.joined+'/'+a.limit+'</span>'+48 '<span class="fee'+(a.fee>0?'':' free')+'">'+(a.fee>0?'¥'+a.fee:'免费')+'</span></div></div></a>';49}50(function(){51 var hot = ACTIVITIES.slice(0,3);52 document.getElementById('hot').innerHTML = hot.map(acard).join('');53 var fp = FEED.slice(0,2).map(function(p){54 return '<div class="post"><div class="ph"><div class="av" style="background:'+p.av+'">'+p.name[0]+'</div>'+55 '<div><div class="nm">'+p.name+'</div><div class="tm">'+p.year+' · '+p.time+'</div></div></div>'+56 '<div class="ptx">'+esc(p.text)+'</div>'+57 '<div class="pacts"><span class="pa">👍 '+p.likes+'</span><span class="pa">💬 '+p.cmts+'</span></div></div>';58 }).join('');59 document.getElementById('feedprev').innerHTML = fp;60 renderTab('home');61})();62</script>63</body>64</html>65