先介绍下该项目
- 账号登录注册
- 使用者信息完善,包含年龄、性别、是否参加过相关治疗等信息。
- 游戏选择(视觉方面、听觉方面),包含科普与诊断分类等信息
- 开始游戏,游戏分为五个阶段,一个测试阶段,四个正式游戏阶段,中间有休息时间,做倒计时提示页面,结束时有结果反馈。
- 游戏结果报告,旁边附有日历,可选择具体时间查看结果。结果报告中有雷达图、折线图等图表展现测试的结果。且结果的具体数值旁边提供按钮,用户可以点击按钮弹出该数值的具体解释。
- 侧边栏设置,提供‘问题答疑’、‘意见反馈’、‘app信息’、‘干预建议’等一级页面。各一级页面下有各自的二级页面。
- 附加404页面。
项目难点
- 游戏逻辑及页面制作
- 封装公共组件及公用css
- 游戏的数据结果组件间通信
- uniapp不兼容部分原生js指令
- 提供游客模式
- 前端进行数据检测,使用不同的css
- ui组件提供的api少,通过原码修改(如日历)来适配项目设计图,加上使用Chrome的Elements工具调试
- 同一页面多级数据渲染、长列表数据渲染
- 请求结果以图标形式展现,引入ucharts
项目文件
如图
页面