识糖小课堂独立功能包
此目录包含“识糖小课堂”无尽三消版的页面与运行代码。食品图片由远端 COS 提供,图标组件复用 tongji 分包的公共组件。
目录内容
index.vue:页面、棋盘算法、关卡主题、任务、道具、三/四/五连奖励和适老化交互。game-endless.scss:完整页面与动画样式。composables/useGameAuth.js:复用主小程序账号并处理 token 过期重登。composables/useGamePlatform.js:周榜、成绩补传与微信分享的平台连接层。composables/useGameSfx.js:滑动、掉落、消除、连击和大奖音效。
迁移步骤
- 复制
endless-game文件夹到目标项目的tongji/目录,并确保目标项目同时提供tongji/components/TongjiIcon.vue与tongji/utils/svgDataUrl.js。 - 在目标项目
pages.json的tongji分包pages数组中加入:
{
"path": "endless-game/index",
"style": {
"navigationStyle": "custom",
"navigationBarTitleText": "识糖小课堂",
"backgroundColor": "#eefbf4",
"disableScroll": false,
"enableShareAppMessage": true,
"enableShareTimeline": true
}
}
- 使用
/tongji/endless-game/index打开游戏。 - 微信小程序后台需要将
https://gz-1349751149.cos.ap-guangzhou.myqcloud.com配置为合法的音频与图片下载域名。
说明
- 旧版“糖分突袭”页面及其独占依赖已经移除,项目只注册
/tongji/endless-game/index这一款小游戏。 - 食品图片固定使用
https://gz-1349751149.cos.ap-guangzhou.myqcloud.com/games/food/前缀,文件名必须与FOODS配置 key 的大小写保持一致。 - 连消小目标按“连消×2”累计 2 次;连续 6 次普通消除没有连消时,下一次掉落会提供连消机会。“连消×3”保留为额外积分、驼乳粉与撒花惊喜,不阻挡主线任务。
- 横向 3 个与竖向 3 个相交形成 L/T 形五消时,会在交点生成带高对比 L 标记的范围爆破棋子;该棋子再次被消除时清除周围九格。
- 进入游戏时展示“本周 7 人同行榜”,包含真实平台昵称、前后名次、差距提示和可切换的同行/亲友鼓励;顶部“本周同行”可再次打开。后端部署方式见
PLATFORM_INTEGRATION.md。 - 本功能包依赖 uni-app Vue 3、
@dcloudio/uni-app以及tongji分包内的公共TongjiIcon组件。 - 食物风险等级和科普文案集中在
index.vue的FOODS配置中,正式上线前仍需由医院医生审核。