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

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="user-card">
4  <div class="uc-avatar">🚀</div>
5  <div><div class="uc-name" id="u-name">效率达人小凡</div><div class="uc-level" id="u-level">连续专注 12 天 · 完成任务 386 项</div></div>
6</div>
7<div class="stat-grid">
8  <div class="sg-item"><b id="m-focus">28</b><span>本月专注</span></div>
9  <div class="sg-item"><b id="m-habit">9</b><span>习惯坚持</span></div>
10  <div class="sg-item"><b id="m-total">386</b><span>累计完成</span></div>
11</div>
12<div class="section-title">倒数纪念日</div>
13<div id="memo-list"></div>
14<div class="section-title">我的数据</div>
15<div class="card" style="font-size:13px;line-height:2">
16  🍅 累计番茄 186 个 · 专注时长 78 小时<br>✅ 习惯打卡 68 天 · 连续最长 15 天<br>📅 今年已度过 224 天 · 还剩 141 天
17</div>
18<div class="menu-list">
19  <a><span class="ml-l"><span class="ico">🔔</span>提醒设置</span><span class="ml-r">持续提醒 ›</span></a>
20  <a><span class="ml-l"><span class="ico">🎨</span>主题外观</span><span class="ml-r">40+主题 ›</span></a>
21  <a><span class="ml-l"><span class="ico">👥</span>共享协作</span><span class="ml-r">家庭清单 ›</span></a>
22  <a><span class="ml-l"><span class="ico">📊</span>数据统计</span><span class="ml-r">本月报告 ›</span></a>
23  <a><span class="ml-l"><span class="ico">💬</span>帮助反馈</span><span class="ml-r">›</span></a>
24  <a><span class="ml-l"><span class="ico">⚙️</span>设置</span><span class="ml-r">›</span></a>
25</div>
26<div style="height:80px"></div>
27<div class="tabbar">
28  <a href="index.html"><span class="icon">🏠</span>今日</a>
29  <a href="tasks.html"><span class="icon">📝</span>清单</a>
30  <a href="calendar.html"><span class="icon">📅</span>日历</a>
31  <a href="focus.html"><span class="icon">🍅</span>专注</a>
32  <a class="active" href="mine.html"><span class="icon">👤</span>我的</a>
33</div>
34<script src="data.js"></script><script src="app.js"></script>
35<script>renderMine();</script>
36</body></html>