控糖消消乐独立功能包
此目录包含“控糖消消乐”无尽三消版的全部运行文件,可以整体复制到另一个 uni-app Vue 3 项目的 tongji/endless-game/ 下。
目录内容
index.vue:页面、棋盘算法、关卡主题、任务、道具、三/四/五连奖励和适老化交互。game-endless.scss:完整页面与动画样式。components/TongjiIcon.vue:本功能包使用的图标组件。composables/useGameSfx.js:滑动、掉落、消除、连击和大奖音效。utils/svgDataUrl.js:图标编码工具。assets/food/:本游戏使用的全部食品与驼乳粉图片。viteAssetOutput.js:把食品图输出到本功能分包,避免增加微信小程序主包体积。
迁移步骤
- 整体复制
endless-game文件夹到目标项目的tongji/目录。 - 在目标项目的
vite.config中引入素材输出规则,并放到build.rollupOptions.output:
import { endlessGameAssetFileNames } from './tongji/endless-game/viteAssetOutput.js'
// defineConfig 内
build: {
rollupOptions: {
output: { assetFileNames: endlessGameAssetFileNames }
}
}
- 在目标项目
pages.json的tongji分包pages数组中加入:
{
"path": "endless-game/index",
"style": {
"navigationStyle": "custom",
"navigationBarTitleText": "控糖消消乐",
"backgroundColor": "#eefbf4",
"disableScroll": false
}
}
- 使用
/tongji/endless-game/index打开游戏。 - 微信小程序后台需要允许音频域名:
https://gz-1349751149.cos.ap-guangzhou.myqcloud.com。
说明
- 旧地址
/tongji/pages/game和/tongji/pages/game-endless只是当前项目的兼容跳转,迁移时不需要复制。 - 当前项目原来的“糖分突袭”源码保存在
tongji/legacy-game/game.vue,没有注册为页面,不参与打包。 - 连消小目标按“连消×2”累计 2 次;连续 6 次普通消除没有连消时,下一次掉落会提供连消机会。“连消×3”保留为额外积分、驼乳粉与撒花惊喜,不阻挡主线任务。
- 横向 3 个与竖向 3 个相交形成 L/T 形五消时,会在交点生成带高对比 L 标记的范围爆破棋子;该棋子再次被消除时清除周围九格。
- 进入游戏时展示“本周 7 人同行榜”界面原型,包含前后名次、差距提示和可切换的同行/亲友鼓励;顶部“本周同行”可再次打开。当前榜单明确标注为预览数据,正式用户关系和周榜成绩需要后端接口接入。
- 本功能包依赖 uni-app Vue 3 和
@dcloudio/uni-app,不依赖当前项目其他业务组件。 - 食物风险等级和科普文案集中在
index.vue的FOODS配置中,正式上线前仍需由医院医生审核。