r53/card.html · 约 2800 字符
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="card">
17 <div class="row"><span class="badge b-red">🔥 高优先级</span><span class="tag">🛠️ 研发</span></div>
18 <div class="nm" style="font-size:18px;font-weight:800;margin:10px 0 4px">登录模块重构</div>
19 <div class="muted">任务编号 #T-2038 · 由 张伟 创建于 07-14</div>
20 <div class="bar" style="margin-top:12px"><i style="width:62%"></i></div>
21 <div class="muted" style="margin-top:6px">完成度 62% · 进行中</div>
22</div>
23<div class="card">
24 <div class="row" style="margin-bottom:8px"><span class="muted">📅 截止日期</span><b>07-19（剩 2 天）</b></div>
25 <div class="row" style="margin-bottom:8px"><span class="muted">👥 负责成员</span><div class="avatars"><div class="avatar ">W</div><div class="avatar ">C</div></div></div>
26 <div class="row"><span class="muted">🏷️ 标签</span><span><span class="tag">iOS</span> <span class="tag">后端</span> <span class="tag">安全</span></span></div>
27</div>
28<div class="card">
29 <div class="sec-title"><span class="em">📝</span> 描述</div>
30 <div class="muted" style="line-height:1.7">统一登录与鉴权链路，移除旧 Session 方案，接入新 Token 网关；兼容第三方微信/Apple 登录，需通过安全评审后再合入主干。</div>
31</div>
32<div class="card">
33 <div class="sec-title"><span class="em">💬</span> 评论（4）</div>
34 <div class="guide"><div class="avatar s">W</div><div class="info"><div class="nm">王强</div><div class="sub">"网关联调已通过，等安全评审。"</div></div></div>
35 <div class="guide"><div class="avatar s">C</div><div class="info"><div class="nm">陈静</div><div class="sub">"回归用例覆盖 90%，可上线。"</div></div></div>
36</div>
37<div class="row" style="gap:8px;margin:4px 2px 12px">
38 <button class="btn line" style="flex:1">↩ 退回待办</button>
39 <button class="btn" style="flex:1">✅ 标记完成</button>
40</div>
41</main>
42 <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>
43</div>
44<script></script>
45</body>
46</html>