r82/stats.html · 约 3081 字符
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="grid" style="margin-bottom:12px">
17 <div class="tile"><div class="big">82%</div><div class="tl">本周完成率</div></div>
18 <div class="tile c3"><div class="big">21</div><div class="tl">连续打卡天</div></div>
19</div>
20<div class="card">
21 <div class="sec-title"><span>📈</span> 近 7 日完成趋势</div>
22 <div class="task"><div class="nm">7-11</div><div style="flex:1;margin:0 10px"><div class="bar"><i style="width:60%"></i></div></div><span class="tm">6 项</span></div><div class="task"><div class="nm">7-12</div><div style="flex:1;margin:0 10px"><div class="bar"><i style="width:80%"></i></div></div><span class="tm">8 项</span></div><div class="task"><div class="nm">7-13</div><div style="flex:1;margin:0 10px"><div class="bar"><i style="width:40%"></i></div></div><span class="tm">4 项</span></div><div class="task"><div class="nm">7-14</div><div style="flex:1;margin:0 10px"><div class="bar"><i style="width:90%"></i></div></div><span class="tm">9 项</span></div><div class="task"><div class="nm">7-15</div><div style="flex:1;margin:0 10px"><div class="bar"><i style="width:70%"></i></div></div><span class="tm">7 项</span></div><div class="task"><div class="nm">7-16</div><div style="flex:1;margin:0 10px"><div class="bar"><i style="width:50%"></i></div></div><span class="tm">5 项</span></div><div class="task"><div class="nm">7-17</div><div style="flex:1;margin:0 10px"><div class="bar"><i style="width:50%"></i></div></div><span class="tm">5 项</span></div>
23</div>
24<div class="card">
25 <div class="sec-title"><span>🎯</span> 分类完成</div>
26 <div class="task"><div class="nm">💼 工作</div><div style="flex:1;margin:0 10px"><div class="bar"><i style="width:90%%"></i></div></div><span class="tm">90%</span></div>
27 <div class="task"><div class="nm">🌿 生活</div><div style="flex:1;margin:0 10px"><div class="bar"><i style="width:75%%"></i></div></div><span class="tm">75%</span></div>
28 <div class="task"><div class="nm">📚 学习</div><div style="flex:1;margin:0 10px"><div class="bar"><i style="width:68%%"></i></div></div><span class="tm">68%</span></div>
29</div>
30<a class="btn full" href="tasks.html" style="text-decoration:none">查看全部待办</a>
31</main>
32 <nav class="nav"><a class="" href="index.html"><span class="ic">🏠</span>首页</a><a class="" href="tasks.html"><span class="ic">✅</span>待办</a><a class="" href="calendar.html"><span class="ic">📅</span>日历</a><a class=" on" href="reminders.html"><span class="ic">🔔</span>提醒</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
33</div>
34<script></script>
35</body>
36</html>