r53/newtask.html · 约 2379 字符
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="field"><label>任务标题</label><div class="inp" style="background:#fff">例如：登录模块重构</div></div>
18 <div class="field"><label>所属看板列</label>
19 <div class="seg"><div class="sg on"><button>⏳ 待办</button></div><div class="sg"><button>🔵 进行中</button></div><div class="sg"><button>✅ 已完成</button></div></div>
20 </div>
21 <div class="field"><label>优先级</label>
22 <div class="seg"><div class="sg"><button>🔥 高</button></div><div class="sg on"><button>🟡 中</button></div><div class="sg"><button>⚪ 低</button></div></div>
23 </div>
24 <div class="field"><label>指派成员</label>
25 <div class="chips" style="margin:0">
26 <div class="chip on">张伟</div><div class="chip">李娜</div><div class="chip on">王强</div><div class="chip">陈静</div><div class="chip">黄磊</div>
27 </div>
28 </div>
29 <div class="field"><label>标签</label>
30 <div class="chips" style="margin:0">
31 <div class="chip on">研发</div><div class="chip">设计</div><div class="chip">测试</div><div class="chip on">安全</div>
32 </div>
33 </div>
34 <div class="field"><label>截止日期</label><div class="inp" style="background:#fff">📅 2026-07-22</div></div>
35 <div class="field"><label>任务描述</label><textarea class="ta">补充验收标准与依赖说明……</textarea></div>
36</div>
37<a class="btn full" href="board.html" style="text-decoration:none;text-align:center">创建并加入看板</a>
38</main>
39 <nav class="nav"><a class="" href="boards.html"><span class="ic">🗂️</span>项目</a><a class="" href="board.html"><span class="ic">📋</span>看板</a><a class=" on" href="newtask.html"><span class="ic">➕</span>建任务</a><a class="" href="members.html"><span class="ic">👥</span>成员</a><a class="" href="settings.html"><span class="ic">⚙️</span>设置</a></nav>
40</div>
41<script></script>
42</body>
43</html>