Files
zyt/TUICallKit-Vue3/tongji/endless-game

控糖消消乐独立功能包

此目录包含“控糖消消乐”无尽三消版的页面与运行代码,可以整体复制到另一个 uni-app Vue 3 项目的 tongji/endless-game/ 下。食品图片由远端 COS 提供,不再存放于功能目录中。

目录内容

  • index.vue:页面、棋盘算法、关卡主题、任务、道具、三/四/五连奖励和适老化交互。
  • game-endless.scss:完整页面与动画样式。
  • components/TongjiIcon.vue:本功能包使用的图标组件。
  • composables/useGameSfx.js:滑动、掉落、消除、连击和大奖音效。
  • utils/svgDataUrl.js:图标编码工具。

迁移步骤

  1. 整体复制 endless-game 文件夹到目标项目的 tongji/ 目录。
  2. 在目标项目 pages.jsontongji 分包 pages 数组中加入:
{
  "path": "endless-game/index",
  "style": {
    "navigationStyle": "custom",
    "navigationBarTitleText": "控糖消消乐",
    "backgroundColor": "#eefbf4",
    "disableScroll": false
  }
}
  1. 使用 /tongji/endless-game/index 打开游戏。
  2. 微信小程序后台需要将 https://gz-1349751149.cos.ap-guangzhou.myqcloud.com 配置为合法的音频与图片下载域名。

说明

  • 当前项目另有 /tongji/pages/game 页面,不属于本独立功能包,迁移时无需复制。
  • 食品图片固定使用 https://gz-1349751149.cos.ap-guangzhou.myqcloud.com/games/food/ 前缀,文件名必须与 FOODS 配置 key 的大小写保持一致。
  • 连消小目标按“连消×2”累计 2 次;连续 6 次普通消除没有连消时,下一次掉落会提供连消机会。“连消×3”保留为额外积分、驼乳粉与撒花惊喜,不阻挡主线任务。
  • 横向 3 个与竖向 3 个相交形成 L/T 形五消时,会在交点生成带高对比 L 标记的范围爆破棋子;该棋子再次被消除时清除周围九格。
  • 进入游戏时展示“本周 7 人同行榜”界面原型,包含前后名次、差距提示和可切换的同行/亲友鼓励;顶部“本周同行”可再次打开。当前榜单明确标注为预览数据,正式用户关系和周榜成绩需要后端接口接入。
  • 本功能包依赖 uni-app Vue 3 和 @dcloudio/uni-app,不依赖当前项目其他业务组件。
  • 食物风险等级和科普文案集中在 index.vueFOODS 配置中,正式上线前仍需由医院医生审核。