Skip to content

Commit b066db3

Browse files
committed
feat(ui): 在顶部导航栏增加里模式强度切换器
根据设计文档,在 TopBar 右侧为启用了子纪元里模式的时代增加一个强度指示徽章。 用户可以通过点击该徽章来循环切换当前子纪元的里模式强度(弱、中、强),该设置会被即时保存。这为玩家提供了在游戏过程中动态调整挑战难度的便捷方式。
1 parent 6a488de commit b066db3

2 files changed

Lines changed: 10 additions & 3 deletions

File tree

App.tsx

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -759,12 +759,19 @@ const App: React.FC = () => {
759759

760760
{/* 顶部导航栏 */}
761761
<div className={`shrink-0 z-40 bg-ink-black/90 border-b border-wuxia-gold/20 shadow-[0_10px_30px_rgba(0,0,0,0.8)] relative rounded-t-xl overflow-visible mx-1 mt-1 lixia-topbar ${state.gameConfig?.启用里志怪模式 ? 'lizhiguai-topbar' : ''}`}>
762-
<TopBar
763-
环境={state.环境}
762+
<TopBar
763+
环境={state.环境}
764764
游戏初始时间={state.游戏初始时间}
765765
timeFormat={state.visualConfig.时间显示格式}
766766
festivals={state.festivals}
767767
visualConfig={state.visualConfig}
768+
eraId={state.currentEra}
769+
启用子纪元里模式={state.gameConfig?.启用子纪元里模式}
770+
子纪元里模式强度={state.gameConfig?.子纪元里模式强度}
771+
onLiModeIntensityChange={(eraId, intensity) => {
772+
const prev = state.gameConfig?.子纪元里模式强度 || {};
773+
actions.saveGameSettings({ ...state.gameConfig, 子纪元里模式强度: { ...prev, [eraId]: intensity } } as any);
774+
}}
768775
/>
769776
</div>
770777

docs/plans/2026-05-03-li-mode-enhancement.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -221,4 +221,4 @@ Phase 4(UI 体系)── 可与 Phase 3 并行
221221
- [x] Phase 4:UI 体系化
222222
- [x] 4.1 全时代强度选择器(Phase 1 完成后所有 SubEra 都有 liMode,选择器自动生效)
223223
- [x] 4.2 设置面板同步(`GameSettings.tsx` 里模式强度三档选择器)
224-
- [ ] 4.3 游戏内状态提示(可选,TopBar 已较密集,暂不添加
224+
- [x] 4.3 游戏内状态提示(TopBar 右侧增加"里·暧昧"徽章,点击循环切换强度,鼠标悬浮可展开

0 commit comments

Comments
 (0)