r96/new_task.html · 约 3080 字符
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="sec-title"><span>🏷️</span> 任务标题</div>
18 <div class="search">输入任务名称，如「首页视觉改版」</div>
19</div>
20<div class="card">
21 <div class="sec-title"><span>📁</span> 所属项目</div>
22 <div class="chips">
23 <div class="chip on">点亮计划</div><div class="chip">星河 APP</div><div class="chip">运营中台</div>
24 </div>
25</div>
26<div class="card">
27 <div class="sec-title"><span>📥</span> 放入列</div>
28 <div class="seg"><div class="sg on"><button>待办</button></div><div class="sg"><button>进行中</button></div><div class="sg"><button>已完成</button></div></div>
29</div>
30<div class="card">
31 <div class="sec-title"><span>👤</span> 指派人</div>
32 <div class="guide"><div class="avatar" style="width:34px;height:34px;font-size:13px">夜</div><div class="info"><div class="nm">林夜</div><div class="sub">设计师</div></div><div class="switch on" onclick="this.classList.toggle('on')"></div></div><div class="guide"><div class="avatar" style="width:34px;height:34px;font-size:13px">哲</div><div class="info"><div class="nm">阿哲</div><div class="sub">前端</div></div><div class="switch" onclick="this.classList.toggle('on')"></div></div><div class="guide"><div class="avatar" style="width:34px;height:34px;font-size:13px">满</div><div class="info"><div class="nm">小满</div><div class="sub">后端</div></div><div class="switch" onclick="this.classList.toggle('on')"></div></div><div class="guide"><div class="avatar" style="width:34px;height:34px;font-size:13px">柚</div><div class="info"><div class="nm">柚子</div><div class="sub">产品</div></div><div class="switch" onclick="this.classList.toggle('on')"></div></div>
33</div>
34<div class="card">
35 <div class="sec-title"><span>⏰</span> 截止时间</div>
36 <div class="search">📅 选择日期 · 今天 18:00</div>
37 <div class="sec-title" style="margin-top:6px"><span>🔥</span> 优先级</div>
38 <div class="chips"><div class="chip">🟢 低</div><div class="chip on">🟡 中</div><div class="chip">🔴 紧急</div></div>
39</div>
40<a class="btn full" href="board.html" style="text-decoration:none;text-align:center">＋ 创建任务</a>
41</main>
42 <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>
43</div>
44<script></script>
45</body>
46</html>