使用AI工具照抄旺东自留的的主题,只得一份形,未得一点魂!

@利用豆包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

完整代码如下:代码右bug,没有实用性,已删除

发表回复

10 条评论

  1. 我可能戒不掉了🤭 因为到目前还没有吸过烟😄
    1. @Vind 不吸烟真的很好
  2. 难能可贵,坚持的咋样了?
    1. @Seer 这个代码只能把记录数据存储在本地,让ai改为存在服务器,始终无法成功,故而还没开始记录,戒烟也随之搁浅了。
  3. 坚持便能成功 加油
    1. @刘郎 加油加油。
  4. 这个贵在持之以恒。
    1. @似水流年 先少抽一点,慢慢过渡
  5. 哇,加油记哦!
    1. @彬红茶 哈哈 还没开始记录呢