更新记录
1.0.0(2025-11-14) 下载此版本
v1.0.0 (2025-11-12)
- 初始版本发布
- 实现首页模块:用户信息展示、Banner统计、训练模块卡片、PK模式入口、每日任务列表
- 添加训练游戏:舒尔特方格(3×3到6×6难度)、听觉训练、逻辑训练,包含实时计时器和错误反馈动画
- 实现结算系统:得分计算、数据展示、智能建议提示、积分奖励
- 添加排行榜:日/周/总榜切换、前三名标识、当前用户高亮
- 实现个人中心:用户资料、统计数据、功能菜单
- UI设计:渐变色背景、毛玻璃效果、流畅动画、响应式布局
- 支持Uniapp多端运行(H5、小程序、APP)
平台兼容性
uni-app(3.6.14)
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | √ | √ | √ |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| √ | - | - | - | - | - | - | - | - | - | - |
专注力训练营 (Focus Training Camp)
主要功能特点:
首页模块
用户信息展示(头像、段位、积分) Banner统计数据 训练模块卡片(视觉、听觉、逻辑、抗干扰) PK模式入口(1v1、群内、亲子) 每日任务列表
训练游戏
舒尔特方格:3×3到6×6可选难度,点击数字训练 听觉训练:字符串记忆输入 逻辑训练:数字排序拖拽交换 实时计时器 错误反馈动画
主要功能
- 🧠 训练模块:舒尔特方格(视觉注意力训练)、听觉训练(记忆力提升)、逻辑排序(思维逻辑锻炼)
- ⚔️ PK挑战:支持1v1实时对战和群组多人模式,增加竞技乐趣
- 📊 数据统计:详细的训练记录、胜率分析、积分系统,支持数据可视化
- 🏆 排行榜:日榜、周榜、总榜实时更新,展示用户排名和成就
- 👤 个人中心:成就系统、数据分析、皮肤商店(计划中),个性化用户体验
- 📅 每日任务:完成任务获得积分和奖励,鼓励持续练习
结算系统
得分计算(基于耗时和正确率) 数据展示(用时、正确率、击败比例) 智能建议提示 积分奖励
排行榜
日/周/总榜切换 前三名特殊标识 当前用户高亮
个人中心
用户资料展示 统计数据 功能菜单(成就、数据、皮肤、兑换、设置)
UI设计
渐变色背景 毛玻璃效果 流畅动画过渡 响应式布局
🎨 设计亮点:
紫色渐变主题,视觉舒适 卡片化设计,层次分明 图标化交互,直观易懂 动画反馈,提升体验
💡 使用说明:
在Uniapp项目中创建页面,将代码复制进去 可以直接在微信开发者工具中预览 支持H5、小程序、APP多端运行
这个应用框架完整,可以直接使用,后续可以根据需求添加:
真实的后端API对接 音频播放功能 社交分享功能 支付功能 更多训练模式等

收藏人数:
下载插件并导入HBuilderX
下载插件ZIP
赞赏(0)
下载 37
赞赏 0
下载 10999365
赞赏 1800
赞赏
京公网安备:11010802035340号