利用豆包AI生成了一个戒烟的记录小工具
核心功能说明
1. 最新记录置顶(表格倒序)
2. 连续达标荣誉徽章体系
连续达标天数 | 徽章图标 | 徽章名称 | 解锁逻辑 |
---|---|---|---|
7 天 | 🥉 | 青铜徽章 | 连续 7 天达标自动解锁 |
15 天 | 🥈 | 白银徽章 | 连续 15 天达标自动解锁 |
30 天(1 个月) | 🥇 | 黄金徽章 | 连续 30 天达标自动解锁 |
45 天(1.5 个月) | 💎 | 铂金徽章 | 连续 45 天达标自动解锁 |
60 天(2 个月) | ✨ | 钻石徽章 | 连续 60 天达标自动解锁 |
90 天(3 个月) | 👑 | 王者徽章 | 连续 90 天达标自动解锁 |
- 徽章展示区:新增独立的 “戒烟成就徽章” 区域,未解锁徽章呈灰色(透明度 30%),解锁后高亮显示并轻微放大
- 解锁提示:达成连续天数时,自动弹出提示框告知用户解锁新徽章
- 进度追踪:在徽章区下方显示 “当前连续达标天数” 和 “距离下一个徽章还需天数”,清晰展示目标进度
3. 表格 “连续达标” 列
- 仅在达标日期行显示当前连续天数(如 “5 天”),未达标日期显示 “-”
- 今日数据标注 “统计中”,23:30 后自动更新结果并重新计算连续天数
- 最新日期行添加浅蓝色背景,增强视觉区分度
5. 记录功能需输入正确口令才能显示,未验证只能浏览全部记录,不能进行记录的保存和删除操作
使用方法
- 复制上述完整代码
- 进入 WordPress 文章编辑页,切换到「代码编辑器」(非可视化模式)
- 粘贴代码并保存发布
- 访问文章页面:
- 未验证时:仅能看到表单输入框和全部记录,两个 “保存” 按钮均隐藏。
- 验证通过(输入 ****):自动显示两个 “保存” 按钮,可正常设定目标和记录烟瘾
完整代码如下:
需评论后查看剩余内容
本文剩余内容为优质核心内容,欢迎在文章底部评论区分享你的观点或疑问,评论提交后即可解锁查看~
提示:评论提交后无需刷新页面,直接返回即可查看
似水流年
这个贵在持之以恒。
彬红茶
哇,加油记哦!