💻 代码预览 · 拇指校友活动网 H5 移动端功能演示

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="ucard">12    <div class="badge">电子校友卡</div>13    <div class="un" id="p_name">👍 李响</div>14    <div class="umeta" id="p_meta">2019级 · 软件工程<br>现居 上海</div>15    <div class="ucno" id="p_no">NO. XY2019-0487</div>16  </div>1718  <div class="menu">19    <a class="mi" href="my_activities.html"><span class="ico">📋</span><span class="tx">我的活动</span><span class="ar">›</span></a>20    <a class="mi" href="feed.html"><span class="ico">💬</span><span class="tx">我的动态</span><span class="ar">›</span></a>21    <a class="mi" href="directory.html"><span class="ico">👥</span><span class="tx">校友通讯录</span><span class="ar">›</span></a>22    <div class="mi" onclick="toast('校友卡已保存至相册')"><span class="ico">🪪</span><span class="tx">校友卡管理</span><span class="ar">›</span></div>23  </div>2425  <div class="menu">26    <div class="mi" onclick="toast('返校预约功能演示')"><span class="ico">🏫</span><span class="tx">返校预约</span><span class="ar">›</span></div>27    <div class="mi" onclick="toast('校友捐赠功能演示')"><span class="ico">💝</span><span class="tx">校友捐赠</span><span class="ar">›</span></div>28    <div class="mi" onclick="toast('消息通知功能演示')"><span class="ico">🔔</span><span class="tx">消息通知</span><span class="ar">›</span></div>29    <div class="mi" onclick="toast('设置功能演示')"><span class="ico">⚙️</span><span class="tx">设置</span><span class="ar">›</span></div>30  </div>3132  <div style="padding:6px 14px 16px"><button class="btn btn-ghost btn-block" style="border:1px solid var(--line)" onclick="toast('已安全退出（演示）')">退出登录</button></div>33</div>34<div class="tabbar" id="tabbar"></div>3536<script src="data.js"></script>37<script src="app.js"></script>38<script>39document.getElementById('p_name').textContent = '👍 ' + ME.name;40document.getElementById('p_meta').innerHTML = ME.year + ' · ' + ME.major + '<br>现居 ' + ME.city;41document.getElementById('p_no').textContent = 'NO. ' + ME.no;42renderTab('me');43</script>44</body>45</html>46