r73/member.html · 约 2786 字符
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="grid" style="margin-bottom:12px">
17 <div class="kpi"><div class="n">134</div><div class="l">在册成员</div></div>
18 <div class="kpi"><div class="n">9</div><div class="l">待审申请</div></div>
19 <div class="kpi"><div class="n">8</div><div class="l">骨干</div></div>
20 <div class="kpi"><div class="n">92%</div><div class="l">活跃度</div></div>
21</div>
22<div class="card">
23 <div class="sec-title"><span class="em">👥</span> 成员列表</div>
24 <div class="club"><div class="avatar">苏</div><div class="info"><div class="nm">苏晚 <span class="tag t-red">骨干</span></div><div class="sub">2023 级 · 本月参与 6 次</div></div><button class="btn ghost sm">移除</button></div>
25 <div class="club"><div class="avatar">周</div><div class="info"><div class="nm">周屿 <span class="tag t-blue">成员</span></div><div class="sub">2024 级 · 本月参与 3 次</div></div><button class="btn ghost sm">移除</button></div>
26 <div class="club"><div class="avatar">何</div><div class="info"><div class="nm">何星 <span class="tag t-blue">成员</span></div><div class="sub">2024 级 · 本月参与 1 次</div></div><button class="btn ghost sm">移除</button></div>
27</div>
28<div class="card">
29 <div class="row" style="margin-bottom:8px"><div class="sec-title" style="margin:0"><span class="em">📥</span> 待审加入申请（9）</div><button class="btn sm">批量通过</button></div>
30 <div class="club"><div class="avatar">林</div><div class="info"><div class="nm">林小柚</div><div class="sub">理由：喜欢弹唱，零基础</div></div>
31 <div style="text-align:right"><button class="btn sm" style="margin-bottom:6px">通过</button><br><button class="btn ghost sm">驳回</button></div></div>
32 <div class="club"><div class="avatar">郑</div><div class="info"><div class="nm">郑可</div><div class="sub">理由：想组乐队</div></div>
33 <div style="text-align:right"><button class="btn sm" style="margin-bottom:6px">通过</button><br><button class="btn ghost sm">驳回</button></div></div>
34</div>
35</main>
36 <nav class="nav"><a class=" on" href="member.html"><span class="ic">👥</span>成员</a><a class="" href="notice.html"><span class="ic">📢</span>通知</a><a class="" href="fund.html"><span class="ic">💰</span>经费</a></nav>
37</div>
38<script></script>
39</body>
40</html>