当前位置: 首页 > news >正文

打卡

习惯养成打卡

坚持21天,养成好习惯

12
已养成习惯
86%
平均完成率
156
连续打卡天数
💧

每天喝水2L

每日目标:8杯水

本周进度5/7天
🔥 12天
<!-- 习惯2 -->
<div style="background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 3px 15px rgba(0,0,0,0.1); width: 300px; transition: all 0.3s ease;"><div style="padding: 20px; border-bottom: 1px solid #eee; display: flex; align-items: center;"><div style="width: 50px; height: 50px; border-radius: 50%; background: #e8f5e9; color: #4caf50; display: flex; align-items: center; justify-content: center; margin-right: 15px; font-size: 1.5rem;">📚</div><div><h3 style="margin-bottom: 5px; color: #2c3e50;">阅读30分钟</h3><p style="color: #7f8c8d; font-size: 0.9rem;">提升知识储备</p></div></div><div style="padding: 15px 20px; background: #f8f9fa;"><div style="height: 8px; background: #ecf0f1; border-radius: 4px; overflow: hidden; margin-bottom: 10px;"><div style="height: 100%; width: 85%; background: #4caf50; border-radius: 4px; transition: width 0.5s ease;"></div></div><div style="display: flex; justify-content: space-between; font-size: 0.85rem; color: #7f8c8d;"><span>本周进度</span><span>6/7天</span></div></div><div style="padding: 15px 20px; display: flex; justify-content: space-between; align-items: center;"><button class="checkin-btn" style="padding: 10px 20px; background: #3498db; color: white; border: none; border-radius: 30px; cursor: pointer; font-weight: bold; transition: all 0.3s ease;">立即打卡</button><div style="display: flex; align-items: center; color: #e74c3c; font-weight: bold;">🔥 18天</div></div>
</div><!-- 习惯3 -->
<div style="background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 3px 15px rgba(0,0,0,0.1); width: 300px; transition: all 0.3s ease;"><div style="padding: 20px; border-bottom: 1px solid #eee; display: flex; align-items: center;"><div style="width: 50px; height: 50px; border-radius: 50%; background: #fff3e0; color: #ff9800; display: flex; align-items: center; justify-content: center; margin-right: 15px; font-size: 1.5rem;">🏃</div><div><h3 style="margin-bottom: 5px; color: #2c3e50;">晨跑30分钟</h3><p style="color: #7f8c8d; font-size: 0.9rem;">保持身体健康</p></div></div><div style="padding: 15px 20px; background: #f8f9fa;"><div style="height: 8px; background: #ecf0f1; border-radius: 4px; overflow: hidden; margin-bottom: 10px;"><div style="height: 100%; width: 57%; background: #ff9800; border-radius: 4px; transition: width 0.5s ease;"></div></div><div style="display: flex; justify-content: space-between; font-size: 0.85rem; color: #7f8c8d;"><span>本周进度</span><span>4/7天</span></div></div><div style="padding: 15px 20px; display: flex; justify-content: space-between; align-items: center;"><button class="checkin-btn" style="padding: 10px 20px; background: #3498db; color: white; border: none; border-radius: 30px; cursor: pointer; font-weight: bold; transition: all 0.3s ease;">立即打卡</button><div style="display: flex; align-items: center; color: #e74c3c; font-weight: bold;">🔥 7天</div></div>
</div><!-- 习惯4 -->
<div style="background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 3px 15px rgba(0,0,0,0.1); width: 300px; transition: all 0.3s ease;"><div style="padding: 20px; border-bottom: 1px solid #eee; display: flex; align-items: center;"><div style="width: 50px; height: 50px; border-radius: 50%; background: #f3e5f5; color: #9c27b0; display: flex; align-items: center; justify-content: center; margin-right: 15px; font-size: 1.5rem;">🧘</div><div><h3 style="margin-bottom: 5px; color: #2c3e50;">冥想10分钟</h3><p style="color: #7f8c8d; font-size: 0.9rem;">提升专注力</p></div></div><div style="padding: 15px 20px; background: #f8f9fa;"><div style="height: 8px; background: #ecf0f1; border-radius: 4px; overflow: hidden; margin-bottom: 10px;"><div style="height: 100%; width: 42%; background: #9c27b0; border-radius: 4px; transition: width 0.5s ease;"></div></div><div style="display: flex; justify-content: space-between; font-size: 0.85rem; color: #7f8c8d;"><span>本周进度</span><span>3/7天</span></div></div><div style="padding: 15px 20px; display: flex; justify-content: space-between; align-items: center;"><button class="checkin-btn" style="padding: 10px 20px; background: #3498db; color: white; border: none; border-radius: 30px; cursor: pointer; font-weight: bold; transition: all 0.3s ease;">立即打卡</button><div style="display: flex; align-items: center; color: #e74c3c; font-weight: bold;">🔥 5天</div></div>
</div>

习惯养成打卡系统 © 2023 | 坚持就是力量

http://www.hskmm.com/?act=detail&tid=34832

相关文章:

  • 2025年10月豆包关键词排名优化服务推荐排行榜:十大服务商深度对比与评测指南
  • 2025年10月豆包关键词排名优化服务推荐排行榜单:十大服务商深度对比与评测分析
  • 2025年10月豆包关键词排名优化服务排行榜:十家优质服务商综合评测与选择指南
  • 第五届计算机图形学、人工智能与数据处理国际学术会议
  • 利用arm板chroot修改其上位机的文件系统
  • 罗氏线圈开口处靠近电流易受干扰:原因、影响与抗干扰对策​
  • 一文看懂zk-STARK协议
  • 基于uIP协议栈移植FreeModbus TCP的方案
  • 给VitePress的右上角增加Github角标
  • 2025 年最新推荐即时通讯厂商权威推荐榜单:信创适配 + 私有化部署能力深度测评及政企选型指南
  • 砖形图量化策略需求文档
  • 第六届新型电力系统国际论坛——电力系统与新能源技术创新论坛
  • 2025 年面霜厂家最新推荐榜单:优质企业专利技术与一站式服务全景解析及选型指南抗衰霜/润唇霜/植物萃取面霜/抗老霜/保湿霜/修复霜厂家推荐
  • CSP-J历届真题总结
  • MATLAB中海洋要素计算工具箱解析
  • Python 中的绘图功能 matplotlib - stone-stone
  • 回文字符串(p2010)
  • 妈咪斜特!罗小黑战记2啥时候上线流媒体啊!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
  • 你们的SpringBoot项目使用Mybatis还是Spring Data JPA?
  • 2025年10月豆包排名优化服务推荐排行榜单:十家服务商综合对比与评测分析
  • ICPC2023沈阳 游记(VP)
  • 2025年10月豆包排名优化服务排行榜评测:十家优质服务商综合对比分析报告
  • 2025?CTF(部分wp) -- week1
  • 2025年10月豆包排名优化服务推荐排行榜:十大服务商对比评测与选择指南
  • 为WPF应用增加项目图标
  • 基于STM32单片机的ECG心电滤波算法
  • 《掰开揉碎讲编程-长篇》一文读懂 哈希表
  • 【URP】Unity中Mipmap Streaming原理与实现
  • 如何设计PAD ring?
  • 如何把研究性学习糊弄过去