r96/members.html · 约 3151 字符
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>👥</span> 点亮计划（5 人）</div>
18 <div class="guide"><div class="avatar">夜</div><div class="info"><div class="nm">林夜</div><div class="sub">设计师</div></div><span class="badge b-pri">负责人</span></div><div class="guide"><div class="avatar">哲</div><div class="info"><div class="nm">阿哲</div><div class="sub">前端工程师</div></div><span class="badge b-blue">成员</span></div><div class="guide"><div class="avatar">满</div><div class="info"><div class="nm">小满</div><div class="sub">后端工程师</div></div><span class="badge b-blue">成员</span></div><div class="guide"><div class="avatar">柚</div><div class="info"><div class="nm">柚子</div><div class="sub">产品经理</div></div><span class="badge b-blue">成员</span></div><div class="guide"><div class="avatar">晨</div><div class="info"><div class="nm">晨曦</div><div class="sub">测试</div></div><span class="badge b-blue">成员</span></div>
19</div>
20<div class="card">
21 <div class="sec-title"><span>📈</span> 本周负载</div>
22 <div class="guide"><div class="info" style="flex:1"><div class="nm">林夜</div><div class="bar" style="margin-top:6px"><i style="width:75%"></i></div></div><div style="font-weight:800;color:var(--acc)">75</div></div><div class="guide"><div class="info" style="flex:1"><div class="nm">阿哲</div><div class="bar" style="margin-top:6px"><i style="width:60%"></i></div></div><div style="font-weight:800;color:var(--acc)">60</div></div><div class="guide"><div class="info" style="flex:1"><div class="nm">小满</div><div class="bar" style="margin-top:6px"><i style="width:45%"></i></div></div><div style="font-weight:800;color:var(--acc)">45</div></div><div class="guide"><div class="info" style="flex:1"><div class="nm">柚子</div><div class="bar" style="margin-top:6px"><i style="width:30%"></i></div></div><div style="font-weight:800;color:var(--acc)">30</div></div><div class="guide"><div class="info" style="flex:1"><div class="nm">晨曦</div><div class="bar" style="margin-top:6px"><i style="width:20%"></i></div></div><div style="font-weight:800;color:var(--acc)">20</div></div>
23</div>
24<a class="btn full" style="text-decoration:none;text-align:center;display:block">＋ 邀请成员</a>
25</main>
26 <nav class="nav"><a class="" href="index.html"><span class="ic">🗂️</span>看板</a><a class="" href="board.html"><span class="ic">📋</span>视图</a><a class="" href="projects.html"><span class="ic">📁</span>项目</a><a class=" on" href="members.html"><span class="ic">👥</span>成员</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
27</div>
28<script></script>
29</body>
30</html>