r96/task.html · 约 2994 字符
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="tile g" style="margin-bottom:12px"><div class="e">🎨</div><div class="n">首页视觉改版</div><div class="l">点亮计划 · 设计 / 高优先级</div></div>
17<div class="card">
18 <div class="row"><div class="muted">负责人</div><div class="row" style="gap:8px"><div class="avatar" style="width:30px;height:30px;font-size:12px">夜</div><b>林夜</b></div></div>
19 <div class="row" style="margin-top:10px"><div class="muted">截止</div><b>今天 18:00</b></div>
20 <div class="row" style="margin-top:10px"><div class="muted">状态</div><span class="badge b-warn">待办</span></div>
21 <div class="row" style="margin-top:10px"><div class="muted">进度</div><div class="bar" style="flex:1;margin-left:10px"><i style="width:35%"></i></div></div>
22</div>
23<div class="card">
24 <div class="sec-title"><span>📄</span> 描述</div>
25 <div class="muted" style="line-height:1.7">基于套B深色大色块风格，重做首页轮播与磁贴网格，统一主色为 emerald。交付稿含桌面+移动两套标注，走查对比度。</div>
26</div>
27<div class="card">
28 <div class="sec-title"><span>☑️</span> 子任务（3/5）</div>
29 <div class="guide"><div class="switch on" onclick="this.classList.toggle('on')"></div><div class="info"><div class="nm">收集竞品首页</div></div></div>
30 <div class="guide"><div class="switch on" onclick="this.classList.toggle('on')"></div><div class="info"><div class="nm">确定主色与磁贴规范</div></div></div>
31 <div class="guide"><div class="switch on" onclick="this.classList.toggle('on')"></div><div class="info"><div class="nm">输出轮播稿</div></div></div>
32 <div class="guide"><div class="switch" onclick="this.classList.toggle('on')"></div><div class="info"><div class="nm">标注移动端</div></div></div>
33 <div class="guide"><div class="switch" onclick="this.classList.toggle('on')"></div><div class="info"><div class="nm">走查对比度</div></div></div>
34</div>
35<div class="row" style="gap:8px"><button class="btn flex" style="flex:1">✅ 标记完成</button><button class="btn line flex" style="flex:1">✏️ 编辑</button></div>
36</main>
37 <nav class="nav"><a class="" href="index.html"><span class="ic">🗂️</span>看板</a><a class=" on" href="board.html"><span class="ic">📋</span>视图</a><a class="" href="projects.html"><span class="ic">📁</span>项目</a><a class="" href="members.html"><span class="ic">👥</span>成员</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
38</div>
39<script></script>
40</body>
41</html>