r81/calendar.html · 约 3344 字符
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 row"><div><div class="nm" style="font-size:16px;font-weight:800">2026 年 7 月</div>
17<div class="muted">本周 7/13–7/19</div></div><button class="btn sm">‹ 切换 ›</button></div>
18<div class="cal">
19 <div class="ch"><span>一</span><span>二</span><span>三</span><span>四</span><span>五</span><span>六</span><span>日</span></div>
20 <div class="gd">
21 <div class="d mut">29</div><div class="d mut">30</div><div class="d">1</div><div class="d">2</div><div class="d">3</div><div class="d">4</div><div class="d">5</div>
22 <div class="d">6</div><div class="d">7</div><div class="d">8</div><div class="d">9</div><div class="d">10</div><div class="d">11</div><div class="d">12</div>
23 <div class="d today">13<span class="dots"><i style="background:var(--pri)"></i><i style="background:var(--pri2)"></i></span></div>
24 <div class="d">14</div><div class="d">15</div><div class="d">16<span class="dots"><i style="background:var(--pri)"></i></span></div>
25 <div class="d">17</div><div class="d">18<span class="dots"><i style="background:var(--warn)"></i></span></div><div class="d">19</div>
26 <div class="d">20</div><div class="d">21</div><div class="d">22</div><div class="d">23</div><div class="d">24</div><div class="d">25</div><div class="d">26</div>
27 <div class="d">27</div><div class="d">28</div><div class="d">29</div><div class="d">30</div><div class="d">31</div><div class="d mut">1</div><div class="d mut">2</div>
28 </div>
29</div>
30<div class="card">
31 <div class="sec-title"><span>📌</span> 7 月 13 日 日程分布</div>
32 <div class="tline"><div class="tm">09:00</div><div class="info"><div class="nm">需求评审会</div><div class="sub">会议室 A</div></div></div>
33 <div class="tline"><div class="tm">14:00</div><div class="info"><div class="nm">客户电话</div><div class="sub">线上</div></div></div>
34 <div class="tline"><div class="tm">18:00</div><div class="info"><div class="nm">老友晚餐</div><div class="sub">江边餐厅</div></div></div>
35</div>
36<div class="row" style="gap:8px;margin:2px 0 12px">
37 <span class="dotc" style="background:var(--pri)"></span><span class="muted" style="margin-right:10px">工作</span>
38 <span class="dotc" style="background:var(--pri2)"></span><span class="muted" style="margin-right:10px">生活</span>
39 <span class="dotc" style="background:var(--warn)"></span><span class="muted">截止</span>
40</div>
41<a class="fab" href="event_new.html" title="新建日程">＋</a>
42</main>
43 <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="stats.html"><span class="ic">📈</span>统计</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
44</div>
45<script></script>
46</body>
47</html>