r53/members.html · 约 2991 字符
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">APP 上线冲刺</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">5</div><div class="l">项目成员</div></div>
18 <div class="kpi"><div class="n">2</div><div class="l">当前在线</div></div>
19</div>
20<div class="card">
21 <div class="row" style="margin-bottom:8px"><div class="sec-title" style="margin:0"><span class="em">👥</span> 成员列表</div><button class="btn sm">＋ 邀请</button></div>
22 <div class="guide"><div class="avatar">Z</div><div class="info"><div class="nm">张伟 产品经理</div><div class="sub">前端/交互 · 负责 6 项目</div></div><span class="badge b-ok">在线</span></div><div class="guide"><div class="avatar">L</div><div class="info"><div class="nm">李娜 UI 设计师</div><div class="sub">视觉/规范 · 负责 5 项目</div></div><span class="badge b-ok">在线</span></div><div class="guide"><div class="avatar">W</div><div class="info"><div class="nm">王强 研发工程师</div><div class="sub">iOS/后端 · 负责 4 项目</div></div><span class="badge b-warn">勿扰</span></div><div class="guide"><div class="avatar">C</div><div class="info"><div class="nm">陈静 测试工程师</div><div class="sub">质量保障 · 负责 3 项目</div></div><span class="badge b-ok">在线</span></div><div class="guide"><div class="avatar">H</div><div class="info"><div class="nm">黄磊 项目经理</div><div class="sub">统筹/ client · 负责 7 项目</div></div><span class="badge b-red">忙碌</span></div>
23</div>
24<div class="card">
25 <div class="sec-title"><span class="em">📊</span> 负载分布</div>
26 <div class="guide"><div class="info"><div class="nm">王强</div><div class="bar" style="margin-top:6px"><i style="width:85%"></i></div></div><span class="muted">85%</span></div>
27 <div class="guide"><div class="info"><div class="nm">李娜</div><div class="bar" style="margin-top:6px"><i style="width:60%"></i></div></div><span class="muted">60%</span></div>
28 <div class="guide"><div class="info"><div class="nm">陈静</div><div class="bar" style="margin-top:6px"><i style="width:45%"></i></div></div><span class="muted">45%</span></div>
29</div>
30</main>
31 <nav class="nav"><a class="" href="boards.html"><span class="ic">🗂️</span>项目</a><a class="" href="board.html"><span class="ic">📋</span>看板</a><a class="" href="newtask.html"><span class="ic">➕</span>建任务</a><a class=" on" href="members.html"><span class="ic">👥</span>成员</a><a class="" href="settings.html"><span class="ic">⚙️</span>设置</a></nav>
32</div>
33<script></script>
34</body>
35</html>