r81/index.html · 约 3486 字符
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="banner"><div class="b1">📝 早上好，林夏</div>
17<div class="b2">今天有 6 项待办、4 场日程，已完成 3 项，继续保持！</div></div>
18<div class="grid" style="margin-bottom:12px">
19 <div class="kpi"><div class="n">6</div><div class="l">今日待办</div></div>
20 <div class="kpi"><div class="n">3<small> / 6</small></div><div class="l">已完成</div></div>
21 <div class="kpi"><div class="n">4</div><div class="l">今日日程</div></div>
22 <div class="kpi"><div class="n" style="color:var(--red)">1</div><div class="l">已逾期</div></div>
23</div>
24<div class="card">
25 <div class="sec-title"><span>✅</span> 今日待办</div>
26 <a class="task" href="tasks.html" style="text-decoration:none;color:inherit">
27 <div class="check done"></div><div class="info"><div class="nm done">晨会同步周计划</div><div class="sub">08:30 · 工作</div></div><span class="tag">已完成</span></a>
28 <a class="task" href="task_detail.html" style="text-decoration:none;color:inherit">
29 <div class="check"></div><div class="info"><div class="nm">提交季度复盘报告</div><div class="sub">11:00 · 工作 · 高优先级</div></div><span class="badge b-warn">提醒</span></a>
30 <a class="task" href="task_detail.html" style="text-decoration:none;color:inherit">
31 <div class="check"></div><div class="info"><div class="nm">取快递 · 顺丰 SF123</div><div class="sub">生活</div></div><span class="badge b-blue">普通</span></a>
32 <a class="task" href="tasks.html" style="text-decoration:none;color:inherit">
33 <div class="check"></div><div class="info"><div class="nm">健身 40 分钟</div><div class="sub">19:30 · 健康 · 连续 12 天</div></div><span class="badge b-indigo">习惯</span></a>
34</div>
35<div class="card">
36 <div class="sec-title"><span>📅</span> 今日日程</div>
37 <div class="tline"><div class="tm">09:00</div><div class="info"><div class="nm">需求评审会</div><div class="sub">会议室 A · 3 人</div></div></div>
38 <div class="tline"><div class="tm">14:00</div><div class="info"><div class="nm">客户电话沟通</div><div class="sub">线上 · 30 分钟</div></div></div>
39 <div class="tline"><div class="tm">18:00</div><div class="info"><div class="nm">晚餐 · 老友聚会</div><div class="sub">江边餐厅</div></div></div>
40</div>
41<div class="row" style="gap:8px;margin:2px 0 12px">
42 <a class="btn full" href="event_new.html" style="text-decoration:none;text-align:center;flex:1">＋ 新建日程</a>
43 <a class="btn line" href="tasks.html" style="text-decoration:none;text-align:center;flex:1">查看全部待办</a>
44</div>
45</main>
46 <nav class="nav"><a class=" on" href="index.html"><span class="ic">📋</span>今日</a><a class="" href="tasks.html"><span class="ic">✅</span>待办</a><a class="" href="calendar.html"><span class="ic">📅</span>日历</a><a class="" href="stats.html"><span class="ic">📈</span>统计</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
47</div>
48<script></script>
49</body>
50</html>