r54/team.html · 约 2819 字符
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="card">
17 <div class="sec-title"><span class="em">👥</span> 项目成员（5）</div>
18 <div class="member"><div class="avatar">林</div><div class="info" style="flex:1"><div class="nm">林晓</div><div class="muted">项目负责人 · 🌿 读书会筹备</div></div><span class="tag">8 项</span></div><div class="member"><div class="avatar">陈</div><div class="info" style="flex:1"><div class="nm">陈阳</div><div class="muted">设计师 · 🌿 读书会筹备</div></div><span class="tag">6 项</span></div><div class="member"><div class="avatar">王</div><div class="info" style="flex:1"><div class="nm">王萌</div><div class="muted">志愿者 · 🛍️ 社区义卖</div></div><span class="tag">9 项</span></div><div class="member"><div class="avatar">赵</div><div class="info" style="flex:1"><div class="nm">赵磊</div><div class="muted">后勤 · 🛍️ 社区义卖</div></div><span class="tag">5 项</span></div><div class="member"><div class="avatar">周</div><div class="info" style="flex:1"><div class="nm">周宁</div><div class="muted">宣传 · 🌱 阳台花园</div></div><span class="tag">4 项</span></div>
19</div>
20<div class="card">
21 <div class="sec-title"><span class="em">📊</span> 负载概览</div>
22 <div class="row" style="margin-bottom:8px"><span>林晓</span><div class="bar" style="flex:1;margin:0 10px"><i style="width:80%"></i></div><b>8</b></div>
23 <div class="row" style="margin-bottom:8px"><span>陈阳</span><div class="bar" style="flex:1;margin:0 10px"><i style="width:60%"></i></div><b>6</b></div>
24 <div class="row" style="margin-bottom:8px"><span>王萌</span><div class="bar" style="flex:1;margin:0 10px"><i style="width:90%"></i></div><b>9</b></div>
25 <div class="row"><span>赵磊</span><div class="bar" style="flex:1;margin:0 10px"><i style="width:50%"></i></div><b>5</b></div>
26</div>
27<a class="btn full" href="setting.html" style="text-decoration:none;text-align:center">＋ 邀请成员</a>
28</main>
29 <nav class="nav"><a class="" href="home.html"><span class="ic">🏠</span>首页</a><a class="" href="kanban.html"><span class="ic">📋</span>看板</a><a class="" href="create.html"><span class="ic">➕</span>新建</a><a class=" on" href="team.html"><span class="ic">👥</span>成员</a><a class="" href="setting.html"><span class="ic">⚙️</span>设置</a></nav>
30</div>
31<script></script>
32</body>
33</html>