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

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="section-title">我的习惯 <span>坚持就是胜利</span></div>
4<div id="habit-list"></div>
5<div class="section-title">打卡统计</div>
6<div class="stat-grid">
7  <div class="sg-item"><b>9</b><span>习惯总数</span></div>
8  <div class="sg-item"><b>15</b><span>连续最长</span></div>
9  <div class="sg-item"><b>68%</b><span>本月坚持率</span></div>
10</div>
11<div class="card" style="font-size:12px;color:#8b94ad;line-height:2">
12  💡 丰富的习惯库 · 灵活打卡 · 数据回顾<br>📊 连续打卡数据可分享 · 培养自律好习惯
13</div>
14<div style="height:80px"></div>
15<div class="tabbar">
16  <a href="index.html"><span class="icon">🏠</span>今日</a>
17  <a href="tasks.html"><span class="icon">📝</span>清单</a>
18  <a href="calendar.html"><span class="icon">📅</span>日历</a>
19  <a href="focus.html"><span class="icon">🍅</span>专注</a>
20  <a href="mine.html"><span class="icon">👤</span>我的</a>
21</div>
22<script src="data.js"></script><script src="app.js"></script>
23<script>renderHabits();</script>
24</body></html>