my_activities.html · 约 3164 字符
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="navbar"><span class="back" onclick="location.href='index.html'">‹</span>12 <span class="ttl">我的活动</span>13 <span class="right" onclick="location.href='publish.html'">+ 发布</span></div>1415 <div class="filters" id="tabs">16 <div class="f on" data-t="pub">我发布的</div>17 <div class="f" data-t="sign">我报名的</div>18 <div class="f" data-t="his">历史记录</div>19 </div>2021 <div id="list"></div>22</div>23<div class="tabbar" id="tabbar"></div>2425<script src="data.js"></script>26<script src="app.js"></script>27<script>28var HISTORY = [29 { emoji:'🎓', grad:'linear-gradient(135deg,#6366f1,#8b5cf6)', title:'2025 校友返校日', tag:'热门', time:'2025-09-21',30 location:'母校·第一运动场', fee:0, joined:412, desc:'上届返校日，到场校友 412 人，草坪音乐会燃爆全场。', gallery:['🎶','📸','🍱'] },31 { emoji:'🏀', grad:'linear-gradient(135deg,#f59e0b,#f97316)', title:'第一届校友篮球赛', tag:'运动', time:'2025-06-14',32 location:'母校东区体育馆', fee:20, joined:56, desc:'首届赛事，计算机系夺冠，合影留念。', gallery:['🏀','🏆'] }33];34function acard(a, link){35 return '<a class="acard" href="'+(link||'activity_detail.html?id='+a.id)+'">'+36 '<div class="cover" style="background:'+a.grad+'">'+a.emoji+'</div>'+37 '<div class="body"><div class="tt">'+esc(a.title)+'</div>'+38 '<div class="meta"><span class="chip '+(a.tag==="热门"?"hot":"")+'">'+a.tag+'</span>'+39 '<span class="m">🕒 '+a.time+'</span></div>'+40 '<div class="foot"><span class="join">已报 '+a.joined+(a.limit?('/'+a.limit):'')+' 人</span>'+41 '<span class="fee'+(a.fee>0?'':' free')+'">'+(a.fee>0?'¥'+a.fee:'免费')+'</span></div></div></a>';42}43function render(t){44 var m=getMy(), html='';45 if(t==='pub'){46 if(!m.publish.length){ html='<div class="empty">还没有发布活动<br><br><a class="btn btn-acc" href="publish.html">去发布第一个活动</a></div>'; }47 else html=m.publish.map(function(a){ return acard(a,'#'); }).join('');48 } else if(t==='sign'){49 if(!m.signup.length){ html='<div class="empty">你还没有报名任何活动<br>去「活动」页逛逛吧～</div>'; }50 else html=m.signup.map(function(id){ var a=A_GET(id); return a?acard(a):''; }).join('');51 } else {52 html='<div class="secttl" style="margin:14px 14px 8px"><span class="bar"></span><span class="t">📜 我参加过的</span></div>'+53 HISTORY.map(function(a){ return acard(a,'#'); }).join('');54 }55 document.getElementById('list').innerHTML=html;56}57document.getElementById('tabs').addEventListener('click', function(e){58 var f=e.target.closest('.f'); if(!f) return;59 [].forEach.call(this.children,function(c){c.classList.remove('on');}); f.classList.add('on'); render(f.dataset.t);60});61render('pub'); renderTab('me');62</script>63</body>64</html>65