r94/index.html · 约 2854 字符
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-ind" style="margin-bottom:13px">
17 <div class="row"><span class="te">🍅</span><span class="badge b-pri">进行中</span></div>
18 <div><div class="tn">第 2 / 4 回合</div><div class="tl">今日已专注 2 小时 10 分 · 完成 5 个番茄</div></div>
19</div>
20<div class="mgrid" style="margin-bottom:13px">
21 <div class="tile t-blue"><span class="te">⏱️</span><div><div class="tn">2:10</div><div class="tl">今日专注</div></div></div>
22 <div class="tile t-green"><span class="te">✅</span><div><div class="tn">4/6</div><div class="tl">习惯打卡</div></div></div>
23</div>
24<div class="card">
25 <div class="row" style="margin-bottom:10px"><div class="sec-title" style="margin:0">🔥 今日习惯</div><a class="btn sm" href="habits.html">全部</a></div>
26 <div class="habit"><div class="thumb t-ind">🧘</div><div class="info"><div class="nm">晨间冥想</div><div class="sub">已连续 12 天</div></div><div class="check on">✓</div></div><div class="habit"><div class="thumb t-blue">📚</div><div class="info"><div class="nm">阅读 30 分钟</div><div class="sub">已连续 28 天</div></div><div class="check on">✓</div></div><div class="habit"><div class="thumb t-vio">🏋️</div><div class="info"><div class="nm">健身打卡</div><div class="sub">已连续 5 天</div></div><div class="check on">✓</div></div><div class="habit"><div class="thumb t-cyan">💧</div><div class="info"><div class="nm">喝水 8 杯</div><div class="sub">已连续 3 天</div></div><div class="check on">✓</div></div>
27</div>
28<div class="mgrid">
29 <a class="tile t-vio" href="goals.html" style="text-decoration:none;color:inherit"><span class="te">🎯</span><div><div class="tn">目标</div><div class="tl">周/月专注目标</div></div></a>
30 <a class="tile t-cyan" href="sound.html" style="text-decoration:none;color:inherit"><span class="te">🎧</span><div><div class="tn">白噪音</div><div class="tl">专注背景音</div></div></a>
31</div>
32</main>
33 <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>
34</div>
35<script></script>
36</body>
37</html>