r94/calendar.html · 约 2385 字符
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="tile t-vio" style="margin-bottom:13px"><span class="te">📅</span><div><div class="tn">7 月打卡 86%</div><div class="tl">本月完成 24 天 · 最佳连续 19 天</div></div></div>
17<div class="card"><div class="sec-title">🔥 2026 年 7 月打卡热力</div>
18 <div class="cal">
19 <div class="wd">一</div><div class="wd">二</div><div class="wd">三</div><div class="wd">四</div><div class="wd">五</div><div class="wd">六</div><div class="wd">日</div>
20 <div class="cell h3">1</div><div class="cell h3">2</div><div class="cell h2">3</div><div class="cell h3">4</div><div class="cell ">5</div><div class="cell h1">6</div><div class="cell h3">7</div><div class="cell h3">8</div><div class="cell h2">9</div><div class="cell h3">10</div><div class="cell h3">11</div><div class="cell ">12</div><div class="cell h3">13</div><div class="cell h3">14</div><div class="cell h1">15</div><div class="cell h2">16</div><div class="cell h3">17</div><div class="cell h3">18</div><div class="cell h3">19</div><div class="cell h3">20</div><div class="cell h2">21</div><div class="cell h3">22</div><div class="cell h3">23</div><div class="cell h1">24</div><div class="cell h3">25</div><div class="cell h2">26</div><div class="cell h3">27</div><div class="cell h3">28</div><div class="cell h3">29</div><div class="cell h3">30</div><div class="cell h2">31</div>
21 </div>
22 <div class="row" style="margin-top:12px"><span class="muted">🟪 全勤 · 🟦 部分 · 🟩 少次 · ⬜ 缺卡</span></div>
23</div>
24</main>
25 <nav class="nav"><a class=" on" href="index.html"><span class="ic">🏠</span>今日</a><a class="" href="timer.html"><span class="ic">⏱️</span>计时</a><a class="" href="habits.html"><span class="ic">✅</span>习惯</a><a class="" href="stats.html"><span class="ic">📊</span>统计</a><a class="" href="settings.html"><span class="ic">⚙️</span>设置</a></nav>
26</div>
27<script></script>
28</body>
29</html>