r53/board.html · 约 4147 字符
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="row" style="margin-bottom:10px">
17 <div class="seg" style="flex:1">
18 <div class="sg on"><button>全部</button></div>
19 <div class="sg"><button>我负责</button></div>
20 <div class="sg"><button>已逾期</button></div>
21 </div>
22</div>
23<div class="muted" style="margin:0 2px 8px">拖动卡片可在「待办 / 进行中 / 已完成」间流转 ⤵</div>
24<div class="kboard">
25 <div class="kcol todo"><h4><span class="dot"></span>待办 · 4</h4><div class="tcard"><div class="tt">🔥 梳理 v2.1 需求池</div><div class="tm"><span class="dl b-red">📅 07-20</span><div class="avatars"><div class="avatar s">Z</div><div class="avatar s">L</div></div></div></div><div class="tcard"><div class="tt">🎨 首页改版视觉稿</div><div class="tm"><span class="dl b-warn">📅 07-22</span><div class="avatars"><div class="avatar s">L</div></div></div></div><div class="tcard"><div class="tt">📊 埋点方案评审</div><div class="tm"><span class="dl b-warn">📅 07-21</span><div class="avatars"><div class="avatar s">W</div><div class="avatar s">Z</div></div></div></div><div class="tcard"><div class="tt">🔍 竞品分析报告</div><div class="tm"><span class="dl muted">📅 07-25</span><div class="avatars"><div class="avatar s">Z</div></div></div></div><div class="addcard">＋ 添加任务</div></div><div class="kcol doing"><h4><span class="dot"></span>进行中 · 3</h4><div class="tcard"><div class="tt">🛠️ 登录模块重构</div><div class="tm"><span class="dl b-red">📅 07-19</span><div class="avatars"><div class="avatar s">W</div><div class="avatar s">C</div></div></div></div><div class="tcard"><div class="tt">🛒 购物车下单链路</div><div class="tm"><span class="dl b-red">📅 07-18</span><div class="avatars"><div class="avatar s">W</div></div></div></div><div class="tcard"><div class="tt">📲 推送服务接入</div><div class="tm"><span class="dl b-warn">📅 07-23</span><div class="avatars"><div class="avatar s">W</div><div class="avatar s">H</div></div></div></div><div class="addcard">＋ 添加任务</div></div><div class="kcol done"><h4><span class="dot"></span>已完成 · 4</h4><div class="tcard"><div class="tt">✅ 需求评审会</div><div class="tm"><span class="dl b-red">📅 07-10</span><div class="avatars"><div class="avatar s">Z</div><div class="avatar s">H</div><div class="avatar s">L</div></div></div></div><div class="tcard"><div class="tt">✅ 原型走查</div><div class="tm"><span class="dl b-warn">📅 07-12</span><div class="avatars"><div class="avatar s">L</div><div class="avatar s">Z</div></div></div></div><div class="tcard"><div class="tt">✅ 技术选型确认</div><div class="tm"><span class="dl b-red">📅 07-13</span><div class="avatars"><div class="avatar s">W</div><div class="avatar s">H</div></div></div></div><div class="tcard"><div class="tt">✅ 设计语言升级</div><div class="tm"><span class="dl b-warn">📅 07-15</span><div class="avatars"><div class="avatar s">L</div></div></div></div><div class="addcard">＋ 添加任务</div></div>
26</div>
27<div class="card row" style="margin-top:12px"><div class="muted">📊 看板进度</div>
28 <b style="color:var(--pri2)">17 / 35 完成</b></div>
29<div class="bar" style="margin:0 4px 12px"><i style="width:48%"></i></div>
30</main>
31 <nav class="nav"><a class="" href="boards.html"><span class="ic">🗂️</span>项目</a><a class=" on" href="board.html"><span class="ic">📋</span>看板</a><a class="" href="todo.html"><span class="ic">⏳</span>待办</a><a class="" href="done.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>