增加弃暗投明按钮
广告
{{v.name}}
📋 原始需求(task.md):

在总用时下面增加弃暗投明按钮,点击按钮后立刻结束游戏、弹出对话框,对话框的标题是“你主动停止了违法裁员行为”,内容是“虽然你主动退出了常州400多人的HR群,但是你去了上海重新开始,又有贵人相助,最终你成为了亿万富豪”。

在总用时下方增加一个"弃暗投明"按钮,玩家随时可以主动收手:点击后立即结束本局,并弹出与"裁满 440 人被查"不同的结局对话框。


实现思路

原有结束流程只有"裁满 440"一条路径,标题和文案都写死在模板里。要让两种结局复用同一套收尾逻辑,需要把结局内容抽成状态,并统一收尾入口。


解决方案
  • 新增 .quit-btn 按钮(绿色胶囊样式),放在 .timer 之后,绑定 @click="quit"
  • 按钮同时绑定 @pointerdown.stop,阻断冒泡到 .stage,避免点按钮时误加一次裁员数
  • 新增 endType 状态('busted' 裁满被查 / 'quit' 主动弃暗投明),对话框标题与正文改为计算属性 endTitleendMessage
  • 抽出 endGame(type):停表 → 记录总用时 → 设置结局类型 → 弹窗 → 播结束音效,两条结局路径共用

验证

无头浏览器实测:点击 3 次后计数为 3,点"弃暗投明"计数仍为 3(无误增),弹出"你主动停止了违法裁员行为"及指定文案与总用时;重开后裁满 440 仍正确显示"你被欧盟查了"原结局。

友链