publish.html · 约 4192 字符
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></div>1314 <div class="field">15 <div class="fld"><label>活动标题</label><input id="f_title" placeholder="如：2026 校友篮球友谊赛"></div>16 <div class="fld"><label>活动类型</label>17 <select id="f_cat"><option>线下</option><option>线上</option></select></div>18 </div>1920 <div class="field">21 <div class="fld" style="display:block"><label style="display:block;margin-bottom:4px">活动分类</label>22 <div class="chips-sel" id="tags">23 <div class="c on" data-v="热门">热门</div>24 <div class="c" data-v="招聘">招聘</div>25 <div class="c" data-v="运动">运动</div>26 <div class="c" data-v="公益">公益</div>27 <div class="c" data-v="聚会">聚会</div>28 <div class="c" data-v="讲座">讲座</div>29 </div>30 </div>31 </div>3233 <div class="field">34 <div class="fld"><label>时间</label><input id="f_time" placeholder="2026-08-08 14:00"></div>35 <div class="fld"><label>地点</label><input id="f_loc" placeholder="母校东区体育馆"></div>36 <div class="fld"><label>人数上限</label><input id="f_limit" type="number" value="50"></div>37 <div class="fld"><label>费用</label><input id="f_fee" type="number" value="0" placeholder="0 表示免费"></div>38 </div>3940 <div class="field">41 <div class="fld" style="display:block"><label style="display:block;margin-bottom:4px">封面图标</label>42 <div class="chips-sel" id="emos">43 <div class="c on" data-v="🎯">🎯</div>44 <div class="c" data-v="🏀">🏀</div>45 <div class="c" data-v="💼">💼</div>46 <div class="c" data-v="📚">📚</div>47 <div class="c" data-v="🍻">🍻</div>48 <div class="c" data-v="🌱">🌱</div>49 <div class="c" data-v="🎤">🎤</div>50 <div class="c" data-v="📷">📷</div>51 </div>52 </div>53 </div>5455 <div class="field">56 <div class="fld" style="display:block"><label style="display:block;margin-bottom:4px">活动介绍</label>57 <textarea id="f_desc" placeholder="介绍活动内容、亮点、参与方式…"></textarea></div>58 </div>5960 <div style="padding:0 14px 16px"><button class="btn btn-acc btn-lg btn-block" onclick="submit()">发布活动</button></div>61</div>6263<script src="data.js"></script>64<script src="app.js"></script>65<script>66var tag='热门', emoji='🎯';67document.getElementById('tags').addEventListener('click', function(e){68 var c=e.target.closest('.c'); if(!c) return;69 [].forEach.call(this.children,function(x){x.classList.remove('on');}); c.classList.add('on'); tag=c.dataset.v;70});71document.getElementById('emos').addEventListener('click', function(e){72 var c=e.target.closest('.c'); if(!c) return;73 [].forEach.call(this.children,function(x){x.classList.remove('on');}); c.classList.add('on'); emoji=c.dataset.v;74});75function submit(){76 var title=document.getElementById('f_title').value.trim();77 if(!title){ toast('请填写活动标题'); return; }78 var m=getMy(), id='m'+(Date.now());79 m.publish.unshift({ id:id, emoji:emoji, title:title, cat:document.getElementById('f_cat').value,80 tag:tag, time:document.getElementById('f_time').value||'待定', location:document.getElementById('f_loc').value||'待定',81 fee:Number(document.getElementById('f_fee').value)||0, limit:Number(document.getElementById('f_limit').value)||50,82 joined:1, host:ME.name+'（'+ME.year+'）', desc:document.getElementById('f_desc').value||'暂无介绍',83 agenda:[{t:'待定',x:'日程将于活动前向报名校友公布'}], gallery:[emoji],84 joinedNames:[ME.name[0]], comments:[] });85 setMy(m); toast('发布成功！可在「我的活动」查看'); setTimeout(function(){ location.href='my_activities.html'; }, 900);86}87</script>88</body>89</html>90