r54/kanban.html · 约 5102 字符
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="chips">
17 <div class="chip on">📚 读书会筹备</div><div class="chip">🛍️ 社区义卖</div><div class="chip">🌱 阳台花园</div>
18</div>
19<div class="kcol">
20 <div class="col">
21 <h4>待办 <span>4</span></h4>
22 <a class="task" href="task.html" style="text-decoration:none;color:inherit;display:block"><div class="nm">设计读书会主视觉</div><div class="fm"><span class="p p-m">🟡 中</span><span class="muted" style="font-size:11px">👤 陈阳</span></div><div class="muted" style="font-size:11px;margin-top:6px">🏷️ 设计 · 7-20</div></a><a class="task" href="task.html" style="text-decoration:none;color:inherit;display:block"><div class="nm">联系场地：社区活动室</div><div class="fm"><span class="p p-h">🔴 高</span><span class="muted" style="font-size:11px">👤 王萌</span></div><div class="muted" style="font-size:11px;margin-top:6px">🏷️ 后勤 · 7-18</div></a><a class="task" href="task.html" style="text-decoration:none;color:inherit;display:block"><div class="nm">招募志愿者 10 名</div><div class="fm"><span class="p p-l">🟢 低</span><span class="muted" style="font-size:11px">👤 林晓</span></div><div class="muted" style="font-size:11px;margin-top:6px">🏷️ 招募 · 7-25</div></a><a class="task" href="task.html" style="text-decoration:none;color:inherit;display:block"><div class="nm">采购义卖物资清单</div><div class="fm"><span class="p p-m">🟡 中</span><span class="muted" style="font-size:11px">👤 赵磊</span></div><div class="muted" style="font-size:11px;margin-top:6px">🏷️ 采购 · 7-19</div></a>
23 </div>
24 <div class="col">
25 <h4>进行中 <span>3</span></h4>
26 <a class="task" href="task.html" style="text-decoration:none;color:inherit;display:block"><div class="nm">撰写共读导读手册</div><div class="fm"><span class="p p-h">🔴 高</span><span class="muted" style="font-size:11px">👤 林晓</span></div><div class="muted" style="font-size:11px;margin-top:6px">🏷️ 内容 · 7-17</div></a><a class="task" href="task.html" style="text-decoration:none;color:inherit;display:block"><div class="nm">布置阳台种植区</div><div class="fm"><span class="p p-m">🟡 中</span><span class="muted" style="font-size:11px">👤 周宁</span></div><div class="muted" style="font-size:11px;margin-top:6px">🏷️ 园艺 · 7-22</div></a><a class="task" href="task.html" style="text-decoration:none;color:inherit;display:block"><div class="nm">制作义卖宣传海报</div><div class="fm"><span class="p p-m">🟡 中</span><span class="muted" style="font-size:11px">👤 陈阳</span></div><div class="muted" style="font-size:11px;margin-top:6px">🏷️ 设计 · 7-20</div></a>
27 </div>
28 <div class="col">
29 <h4>已完成 <span>3</span></h4>
30 <a class="task" href="task.html" style="text-decoration:none;color:inherit;display:block"><div class="nm">确定共读书目《活着》</div><div class="fm"><span class="p p-l">已完成</span><span class="muted" style="font-size:11px">👤 林晓</span></div><div class="muted" style="font-size:11px;margin-top:6px">🏷️ 选书 · 7-10</div></a><a class="task" href="task.html" style="text-decoration:none;color:inherit;display:block"><div class="nm">建立微信群 60 人</div><div class="fm"><span class="p p-l">已完成</span><span class="muted" style="font-size:11px">👤 王萌</span></div><div class="muted" style="font-size:11px;margin-top:6px">🏷️ 招募 · 7-12</div></a><a class="task" href="task.html" style="text-decoration:none;color:inherit;display:block"><div class="nm">多肉苗采购到位</div><div class="fm"><span class="p p-l">已完成</span><span class="muted" style="font-size:11px">👤 赵磊</span></div><div class="muted" style="font-size:11px;margin-top:6px">🏷️ 采购 · 7-14</div></a>
31 </div>
32</div>
33<div class="row" style="gap:8px;margin:4px 2px 12px">
34 <a class="btn line" href="todo.html" style="flex:1;text-decoration:none;text-align:center">待办 4</a>
35 <a class="btn line" href="doing.html" style="flex:1;text-decoration:none;text-align:center">进行中 3</a>
36 <a class="btn line" href="done.html" style="flex:1;text-decoration:none;text-align:center">已完成 3</a>
37</div>
38</main>
39 <nav class="nav"><a class="" href="home.html"><span class="ic">🏠</span>首页</a><a class=" on" href="kanban.html"><span class="ic">📋</span>看板</a><a class="" href="create.html"><span class="ic">➕</span>新建</a><a class="" href="team.html"><span class="ic">👥</span>成员</a><a class="" href="setting.html"><span class="ic">⚙️</span>设置</a></nav>
40</div>
41<script></script>
42</body>
43</html>