SMT Prototype Pack

戒烟小程序完整高保真 HTML 原型入口

这套原型用于先整理混乱逻辑,再进入真实 uni-app 实现。页面边界、字段命名、状态拆分,已经尽量对齐当前 `apps/smt` 的 PRD、API 文档与 GitHub issue,重点覆盖引导、双首页、统计、分享、记录详情、个人中心与打卡传播链路。

多页面入口 高保真晨雾感 全状态覆盖 静态 HTML

交付定义

原型包包含一个入口页和 8 个主题原型页。每页采用多画板方式,同时展示默认态、关键成功态、空态、权限态或异常态,不接真实接口,不做真实页面跳转逻辑。

首页拆成两套:戒烟打卡模式 / 抽烟记录模式。
分享拆成两套:别人查看数据的分享页 / 自己生成海报的打卡分享页。
个人中心直接体现目标设定、设置、隐私、监督、AI 计划调整的真实产品方向。

落地建议

优先把引导、双首页和统计页作为真实开发顺序,后续再推进分享、记录详情与个人中心细化。这样能先稳住数据结构和关键行为,再做传播和留存增强。

  • 第一批:`entry-guide`、`home-quit`、`home-record`、`stats`
  • 第二批:`profile`、`log-detail`
  • 第三批:`share-view`、`checkin-share`
Pages

页面目录

每个卡片都对应一个独立 HTML 页面,方便产品、设计、前端单独评审。页面说明、issue 映射和 PRD 章节会在卡片和子页面头部明确标注。