r54/task.html · 约 3610 字符
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="row"><div class="nm" style="font-size:16px;font-weight:800">撰写共读导读手册</div>
18 <span class="badge b-warn">🔴 高优先</span></div>
19 <div class="row" style="margin-top:10px">
20 <div class="muted">状态</div><span class="tag">🟡 进行中</span></div>
21</div>
22<div class="card">
23 <div class="sec-title"><span class="em">📅</span> 截止与成员</div>
24 <div class="row" style="margin-bottom:10px"><div class="muted">⏰ 截止时间</div><b>2026-07-17 18:00</b></div>
25 <div class="row" style="margin-bottom:10px"><div class="muted">👤 负责人</div>
26 <div style="display:flex;align-items:center;gap:8px"><div class="avatar s">林</div>林晓</div></div>
27 <div class="row"><div class="muted">🤝 协作成员</div>
28 <div style="display:flex;gap:4px"><div class="avatar s">陈</div><div class="avatar s">王</div></div></div>
29</div>
30<div class="card">
31 <div class="sec-title"><span class="em">🏷️</span> 标签</div>
32 <span class="tag">内容撰写</span> <span class="tag">共读</span> <span class="tag">手册</span>
33</div>
34<div class="card">
35 <div class="sec-title"><span class="em">📝</span> 任务描述</div>
36 <div class="muted" style="line-height:1.7">为《活着》共读活动撰写 8 页导读手册，包含作者背景、章节导读、讨论题与金句摘抄，周五前交付初稿，供设计排版。</div>
37</div>
38<div class="card">
39 <div class="sec-title"><span class="em">☑️</span> 子任务（2/4）</div>
40 <div class="row" style="margin-bottom:8px"><span>🟢 确定大纲结构</span><span class="muted">已完成</span></div>
41 <div class="row" style="margin-bottom:8px"><span>🟢 撰写作者背景</span><span class="muted">已完成</span></div>
42 <div class="row" style="margin-bottom:8px"><span>⚪ 章节导读（进行中）</span><span class="muted">40%</span></div>
43 <div class="row"><span>⚪ 设计讨论题</span><span class="muted">待开始</span></div>
44 <div class="bar" style="margin-top:10px"><i style="width:50%"></i></div>
45</div>
46<div class="card">
47 <div class="sec-title"><span class="em">💬</span> 评论（5）</div>
48 <div class="comment"><div class="avatar s">陈</div><div class="info"><div class="nm">陈阳</div><div class="tx">"大纲我看了，封面风格走清新森系哈～"</div></div></div>
49 <div class="comment"><div class="avatar s">王</div><div class="info"><div class="nm">王萌</div><div class="tx">"讨论题想加 2 道互动题，可以吗？"</div></div></div>
50</div>
51<div class="row" style="gap:8px;margin:4px 2px 12px">
52 <button class="btn line" style="flex:1">✏️ 编辑</button>
53 <button class="btn" style="flex:1">✅ 完成</button>
54</div>
55</main>
56 <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>
57</div>
58<script></script>
59</body>
60</html>