feat: 添加迷你模式功能,支持迷你窗口的显示与隐藏,更新设置项以控制迷你播放栏和歌词显示,优化路由管理以适应迷你模式

This commit is contained in:
alger
2025-04-01 23:22:26 +08:00
parent 8d6d0527db
commit 0f55795ca9
20 changed files with 990 additions and 89 deletions
@@ -27,6 +27,16 @@
<n-switch v-model:value="config.hidePlayBar" />
</div>
<div class="settings-item">
<span>{{ t('settings.lyricSettings.hideMiniPlayBar') }}</span>
<n-switch v-model:value="config.hideMiniPlayBar" />
</div>
<div class="settings-item">
<span>{{ t('settings.lyricSettings.hideLyrics') }}</span>
<n-switch v-model:value="config.hideLyrics" />
</div>
<div class="settings-slider">
<span>{{ t('settings.lyricSettings.fontSize') }}</span>
<n-slider
@@ -99,7 +109,9 @@ interface LyricConfig {
showTranslation: boolean;
theme: 'default' | 'light' | 'dark';
hidePlayBar: boolean;
hideMiniPlayBar: boolean;
pureModeEnabled: boolean;
hideLyrics: boolean;
}
const config = ref<LyricConfig>({
@@ -111,7 +123,9 @@ const config = ref<LyricConfig>({
showTranslation: true,
theme: 'default',
hidePlayBar: false,
pureModeEnabled: false
hideMiniPlayBar: false,
pureModeEnabled: false,
hideLyrics: false
});
const emit = defineEmits(['themeChange']);