Skip to content

功能:徽章成就体系

字数
449 字
阅读时间
2 分钟

功能简介

通过“我的”页的徽章与成就滑动区,强化用户在情绪记录、任务执行、复盘改善等方面的正向反馈,避免打卡焦虑而强调温和成就感。

所在页面

  • Tab:我的
  • 模块:徽章与成就(BadgeCarousel)

交互说明

  1. 用户在“我的”页水平滑动浏览已解锁和未解锁的徽章。
  2. 点击某个徽章弹出说明模态,展示解锁条件、当前进度和下一步建议。
  3. 当用户达成条件时,前端弹出庆祝动画(低扰动),徽章变为彩色,并可一键生成相关任务或分享至社区。
  4. 未解锁徽章提供“去完成”快捷入口,跳转到对应的记录或任务页面。

界面元素

  • 徽章卡:渐变背景、图标、标题、条件描述;未解锁状态使用 Ink-100 背景。
  • 进度条:Mint 或品牌蓝表示完成度。
  • 模态窗口:包含徽章描述、达成条件、下一步 CTA。
  • 庆祝动画:轻量粒子或呼吸光。

数据需求

  • 徽章条件来自行为与情绪指标(如连续打卡天数、任务完成率),由后端服务计算。
  • 解锁事件写入 badge_events(若需新表)并同步到 weekly_summaries
  • 进度计算依赖 checkinstask_events、社区互动等数据源。
  • 分享或生成任务操作写入行为闭环工作流或 forum_posts(若分享到社区)。

贡献者

The avatar of contributor named as Cai Hongyu Cai Hongyu

文件历史

撰写