r94/habits.html · 约 3485 字符
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="mgrid" style="margin-bottom:13px">
17 <div class="tile t-green"><span class="te">✅</span><div><div class="tn">4/6</div><div class="tl">今日已打卡</div></div></div>
18 <div class="tile t-amber"><span class="te">🔥</span><div><div class="tn">28</div><div class="tl">最长连续天</div></div></div>
19</div>
20<div class="card">
21 <div class="sec-title">📑 我的习惯</div>
22 <a class="habit" href="habit_detail.html" style="text-decoration:none;color:inherit"><div class="thumb t-ind">🧘</div><div class="info"><div class="nm">晨间冥想</div><div class="sub">已连续 12 天</div></div><div class="check on" onclick="event.preventDefault();this.classList.toggle('on');this.textContent=this.classList.contains('on')?'✓':''">✓</div></a><a class="habit" href="habit_detail.html" style="text-decoration:none;color:inherit"><div class="thumb t-blue">📚</div><div class="info"><div class="nm">阅读 30 分钟</div><div class="sub">已连续 28 天</div></div><div class="check on" onclick="event.preventDefault();this.classList.toggle('on');this.textContent=this.classList.contains('on')?'✓':''">✓</div></a><a class="habit" href="habit_detail.html" style="text-decoration:none;color:inherit"><div class="thumb t-vio">🏋️</div><div class="info"><div class="nm">健身打卡</div><div class="sub">已连续 5 天</div></div><div class="check on" onclick="event.preventDefault();this.classList.toggle('on');this.textContent=this.classList.contains('on')?'✓':''">✓</div></a><a class="habit" href="habit_detail.html" style="text-decoration:none;color:inherit"><div class="thumb t-cyan">💧</div><div class="info"><div class="nm">喝水 8 杯</div><div class="sub">已连续 3 天</div></div><div class="check on" onclick="event.preventDefault();this.classList.toggle('on');this.textContent=this.classList.contains('on')?'✓':''">✓</div></a><a class="habit" href="habit_detail.html" style="text-decoration:none;color:inherit"><div class="thumb t-pink">😴</div><div class="info"><div class="nm">早睡 23:00</div><div class="sub">已连续 9 天</div></div><div class="check " onclick="event.preventDefault();this.classList.toggle('on');this.textContent=this.classList.contains('on')?'✓':''"></div></a><a class="habit" href="habit_detail.html" style="text-decoration:none;color:inherit"><div class="thumb t-amber">✍️</div><div class="info"><div class="nm">复盘日记</div><div class="sub">已连续 1 天</div></div><div class="check " onclick="event.preventDefault();this.classList.toggle('on');this.textContent=this.classList.contains('on')?'✓':''"></div></a>
23</div>
24</main>
25 <nav class="nav"><a class="" href="index.html"><span class="ic">🏠</span>今日</a><a class="" href="timer.html"><span class="ic">⏱️</span>计时</a><a class=" on" 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>