增加弃暗投明按钮
广告
{{v.name}}
📋 原始需求(task.md):
在总用时下面增加弃暗投明按钮,点击按钮后立刻结束游戏、弹出对话框,对话框的标题是“你主动停止了违法裁员行为”,内容是“虽然你主动退出了常州400多人的HR群,但是你去了上海重新开始,又有贵人相助,最终你成为了亿万富豪”。
在总用时下面增加弃暗投明按钮,点击按钮后立刻结束游戏、弹出对话框,对话框的标题是“你主动停止了违法裁员行为”,内容是“虽然你主动退出了常州400多人的HR群,但是你去了上海重新开始,又有贵人相助,最终你成为了亿万富豪”。
在总用时下方增加一个"弃暗投明"按钮,玩家随时可以主动收手:点击后立即结束本局,并弹出与"裁满 440 人被查"不同的结局对话框。
实现思路
原有结束流程只有"裁满 440"一条路径,标题和文案都写死在模板里。要让两种结局复用同一套收尾逻辑,需要把结局内容抽成状态,并统一收尾入口。
解决方案
- 新增
.quit-btn按钮(绿色胶囊样式),放在.timer之后,绑定@click="quit" - 按钮同时绑定
@pointerdown.stop,阻断冒泡到.stage,避免点按钮时误加一次裁员数 - 新增
endType状态('busted'裁满被查 /'quit'主动弃暗投明),对话框标题与正文改为计算属性endTitle、endMessage - 抽出
endGame(type):停表 → 记录总用时 → 设置结局类型 → 弹窗 → 播结束音效,两条结局路径共用
验证
无头浏览器实测:点击 3 次后计数为 3,点"弃暗投明"计数仍为 3(无误增),弹出"你主动停止了违法裁员行为"及指定文案与总用时;重开后裁满 440 仍正确显示"你被欧盟查了"原结局。