r95/new_task.html · 约 2198 字符
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="field"><label>任务标题</label><input placeholder="如：首页 Banner 切图交付"></div>
18 <div class="field"><label>所属项目</label><select><option>官网改版 2.0</option><option>移动端 App 上线</option><option>Q3 增长活动</option></select></div>
19 <div class="field"><label>放置列</label><select><option>待办</option><option>进行中</option><option>已完成</option></select></div>
20 <div class="field"><label>指派人</label><select><option>苏晓（UI 设计）</option><option>周野（前端）</option><option>陈默（后端）</option><option>王黎（运营）</option></select></div>
21 <div class="field"><label>截止日期</label><input type="date" value="2026-07-20"></div>
22 <div class="field"><label>优先级</label>
23 <div class="search" style="margin-bottom:0;gap:10px"><span class="badge b-danger">高</span><span class="badge b-warn">中</span><span class="badge b-pri">低</span></div>
24 </div>
25 <div class="field"><label>任务描述</label><textarea class="ta">补充任务说明、验收标准……</textarea></div>
26</div>
27<a class="btn full" href="board.html" style="text-decoration:none;text-align:center">创建任务</a>
28<div class="muted" style="text-align:center">创建后将出现在对应看板列，并通知指派人</div>
29</main>
30 <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="activity.html"><span class="ic">💬</span>动态</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
31</div>
32<script></script>
33</body>
34</html>