💻 代码预览 · 小草待办清单

1<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><title>日历 · 小草待办清单</title><link rel="stylesheet" href="style.css"></head><body>
2<div class="header"><span class="back" onclick="history.back()">‹</span><h1>日历视图</h1><span class="right">📅</span></div>
3<div class="card" style="padding:12px">
4  <div class="cal-head" id="cal-head"></div>
5  <div class="cal-grid" id="cal-week"></div>
6  <div class="cal-grid" id="cal-grid"></div>
7</div>
8<div class="section-title">本月日程 <span>8月12日 · 今天</span></div>
9<div id="today-schedule"></div>
10<div class="card" style="font-size:12px;color:#8b94ad;line-height:2">
11  💡 支持月/周/日视图切换 · 拖拽任务调整日期<br>📌 可订阅第三方日历 · 重要日程自动提醒
12</div>
13<div style="height:80px"></div>
14<div class="tabbar">
15  <a href="index.html"><span class="icon">🏠</span>今日</a>
16  <a href="tasks.html"><span class="icon">📝</span>清单</a>
17  <a class="active" href="calendar.html"><span class="icon">📅</span>日历</a>
18  <a href="focus.html"><span class="icon">🍅</span>专注</a>
19  <a href="mine.html"><span class="icon">👤</span>我的</a>
20</div>
21<script src="data.js"></script><script src="app.js"></script>
22<script>
23renderCalendar();
24$('#today-schedule').innerHTML=dataTasks().slice(0,4).map(x=>`
25  <div class="task-item${x.done?' done':''}"><span class="ti-check">${x.done?'✓':''}</span>
26  <div class="ti-body"><div class="ti-name">${x.name}</div><div class="ti-meta">${x.time} · ${x.pri}优先级</div></div></div>`).join('');
27</script>
28</body></html>