r82/event_new.html · 约 2540 字符
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="fld"><label>标题</label><input class="inp" value="产品双周复盘会"></div>
18 <div class="grid">
19 <div class="fld"><label>开始时间</label><input class="inp" value="07-20 10:00"></div>
20 <div class="fld"><label>结束时间</label><input class="inp" value="07-20 11:30"></div>
21 </div>
22 <div class="fld"><label>地点</label><input class="inp" value="会议室 A201 · 腾讯会议"></div>
23 <div class="fld"><label>所属清单</label>
24 <div class="chips" style="margin:0">
25 <div class="chip on">工作</div><div class="chip">生活</div><div class="chip">学习</div>
26 </div>
27 </div>
28 <div class="fld"><label>提醒</label>
29 <div class="chips" style="margin:0">
30 <div class="chip">不提醒</div><div class="chip on">提前15分</div><div class="chip">提前1时</div><div class="chip">提前1天</div>
31 </div>
32 </div>
33 <div class="fld"><label>色块标记</label>
34 <div class="grid3">
35 <div class="ktile cy" style="padding:10px"><span class="e">🟦</span></div>
36 <div class="ktile te" style="padding:10px"><span class="e">🟩</span></div>
37 <div class="ktile vi" style="padding:10px"><span class="e">🟪</span></div>
38 </div>
39 </div>
40 <div class="fld"><label>备注</label><textarea class="ta">复盘本双周迭代目标完成度，确认下个迭代排期。</textarea></div>
41</div>
42<div class="row" style="gap:8px">
43 <a class="btn line flex" style="flex:1;text-decoration:none;text-align:center" href="calendar.html">取消</a>
44 <a class="btn flex" style="flex:1;text-decoration:none;text-align:center" href="calendar.html">保存日程</a>
45</div>
46</main>
47 <nav class="nav"><a class="" href="index.html"><span class="ic">🏠</span>首页</a><a class="" href="tasks.html"><span class="ic">✅</span>待办</a><a class=" on" href="calendar.html"><span class="ic">📅</span>日历</a><a class="" href="reminders.html"><span class="ic">🔔</span>提醒</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
48</div>
49<script></script>
50</body>
51</html>