r82/calendar.html · 约 3103 字符
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="row" style="margin-bottom:10px">
18 <button class="btn dark sm">‹</button>
19 <div class="sec-title" style="margin:0"><span>📅</span> 2026 年 7 月</div>
20 <button class="btn dark sm">›</button>
21 </div>
22 <div class="cal">
23 <div class="wk">一</div><div class="wk">二</div><div class="wk">三</div><div class="wk">四</div><div class="wk">五</div><div class="wk">六</div><div class="wk">日</div>
24 <div class="d ">1</div><div class="d ">2</div><div class="d ">3<div class="dots"><i></i></div></div><div class="d ">4</div><div class="d ">5</div><div class="d ">6<div class="dots"><i></i><i></i></div></div><div class="d ">7</div><div class="d ">8</div><div class="d ">9<div class="dots"><i></i></div></div><div class="d ">10</div><div class="d ">11</div><div class="d ">12<div class="dots"><i></i><i></i><i></i></div></div><div class="d ">13</div><div class="d ">14<div class="dots"><i></i></div></div><div class="d ">15</div><div class="d ">16</div><div class="d t">17<div class="dots"><i></i><i></i></div></div><div class="d ">18</div><div class="d ">19</div><div class="d ">20</div><div class="d ">21</div><div class="d ">22<div class="dots"><i></i></div></div><div class="d ">23</div><div class="d ">24</div><div class="d ">25</div><div class="d ">26<div class="dots"><i></i><i></i></div></div><div class="d ">27</div><div class="d ">28</div><div class="d ">29<div class="dots"><i></i></div></div><div class="d ">30</div>
25 </div>
26</div>
27<div class="card">
28 <div class="sec-title"><span>🔵</span> 日程分布（本日圆点）</div>
29 <div class="muted">蓝=工作 · 青=生活 · 紫=学习</div>
30 <div class="task"><span class="dot" style="background:#06b6d4"></span><div class="nm">设计评审·原型讲解</div><span class="tm">14:00</span></div>
31 <div class="task"><span class="dot" style="background:#14b8a6"></span><div class="nm">健身·力量训练</div><span class="tm">16:30</span></div>
32 <div class="task"><span class="dot" style="background:#8b5cf6"></span><div class="nm">读《深度工作》</div><span class="tm">19:00</span></div>
33</div>
34<a class="btn full" href="event_new.html" style="text-decoration:none">＋ 在选中日新建日程</a>
35</main>
36 <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>
37</div>
38<script></script>
39</body>
40</html>