wangjunxiao/tianshu-engine
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: hide bottom bar when choices panel is visible

Browse Source
This commit is contained in:
cocos02
2026-06-12 19:46:11 +08:00
parent 453b2c68d2
commit e7af4a8659
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/App.vue
View File

@@ -346,6 +346,7 @@ init()
:current-speed="currentSpeed" :current-speed="currentSpeed"
:visible="showTopBar" :visible="showTopBar"
:show-quality="!isLocalMode" :show-quality="!isLocalMode"
:hide="store.choices.length > 0"
@skip="handleSkip" @skip="handleSkip"
@speed-change="handleSpeedChange" @speed-change="handleSpeedChange"
/> />

5
src/components/PlaybackBar.vue
View File

@@ -11,6 +11,7 @@ const props = defineProps<{
currentSpeed: number currentSpeed: number
visible: boolean visible: boolean
showQuality: boolean showQuality: boolean
hide: boolean
}>() }>()
const emit = defineEmits<{ const emit = defineEmits<{
@@ -35,12 +36,12 @@ onMounted(() => updateLabel(props.currentSpeed))
</script> </script>
<template> <template>
<div class="bottom-bar left" :class="{ hidden: !visible }"> <div class="bottom-bar left" :class="{ hidden: !visible }" v-if="!hide">
<button v-if="canSkip" class="bb-btn skip-btn" @click="emit('skip')">{{ t('ui.skip') }}</button> <button v-if="canSkip" class="bb-btn skip-btn" @click="emit('skip')">{{ t('ui.skip') }}</button>
<button class="bb-btn" @click="toggleSpeed">{{ speedLabel }}</button> <button class="bb-btn" @click="toggleSpeed">{{ speedLabel }}</button>
</div> </div>
<div v-if="showQuality" class="bottom-bar right" :class="{ hidden: !visible }"> <div v-if="showQuality && !hide" class="bottom-bar right" :class="{ hidden: !visible }">
<select class="bb-select" :value="store.preferredQuality" @change="store.setPreferredQuality(($event.target as HTMLSelectElement).value)"> <select class="bb-select" :value="store.preferredQuality" @change="store.setPreferredQuality(($event.target as HTMLSelectElement).value)">
<option value="">自动</option> <option value="">自动</option>
<option value="超清 (1080P)">超清 (1080P)</option> <option value="超清 (1080P)">超清 (1080P)</option>