利用豆包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. 记录功能需输入正确口令才能显示,未验证只能浏览全部记录,不能进行记录的保存和删除操作

使用方法

  1. 复制上述完整代码
  2. 进入 WordPress 文章编辑页,切换到「代码编辑器」(非可视化模式)
  3. 粘贴代码并保存发布
  4. 访问文章页面:
    • 未验证时:仅能看到表单输入框和全部记录,两个 “保存” 按钮均隐藏。
    • 验证通过(输入 ****):自动显示两个 “保存” 按钮,可正常设定目标和记录烟瘾

预览地址:https://vss.plus/jieyan

完整代码如下:

需评论后查看剩余内容

本文剩余内容为优质核心内容,欢迎在文章底部评论区分享你的观点或疑问,评论提交后即可解锁查看~

提示:评论提交后无需刷新页面,直接返回即可查看
Comments | 2 条评论
  • 似水流年

    这个贵在持之以恒。

    Form:漯河
  • 彬红茶

    哇,加油记哦!

    Form:揭阳
消息盒子
# 您需要首次评论以获取消息 #
# 您需要首次评论以获取消息 #

只显示最新10条未读和已读信息