From 63540dac65c889d8fc5c517b3d562fe65a7afa99 Mon Sep 17 00:00:00 2001
From: lyf <2514544224@qq.com>
Date: Thu, 9 Jul 2026 19:38:28 +0800
Subject: [PATCH] =?UTF-8?q?=E9=99=90=E5=88=B6=E8=AE=B2=E8=A7=A3=E6=92=AD?=
 =?UTF-8?q?=E6=94=BE=E5=99=A8=E6=98=BE=E7=A4=BA=E8=8C=83=E5=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/navigation/GuidePageFrame.vue | 5 ++++-
 src/pages/exhibit/detail.vue                 | 9 ++++++++-
 src/pages/facility/detail.vue                | 1 -
 src/pages/index/index.vue                    | 1 -
 src/pages/route/detail.vue                   | 1 -
 src/pages/search/index.vue                   | 5 -----
 6 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/components/navigation/GuidePageFrame.vue b/src/components/navigation/GuidePageFrame.vue
index e808767..5685b58 100644
--- a/src/components/navigation/GuidePageFrame.vue
+++ b/src/components/navigation/GuidePageFrame.vue
@@ -33,6 +33,7 @@
       <slot></slot>
     </view>
     <GlobalAudioPlayerHost
+      v-if="showAudioPlayerHost"
       :avoid-bottom-nav="audioPlayerAvoidBottomNav"
       :display-mode="audioPlayerMode"
       :closable="audioPlayerClosable"
@@ -59,6 +60,7 @@ withDefaults(defineProps<{
   audioPlayerAvoidBottomNav?: boolean
   audioPlayerMode?: AudioDisplayMode
   audioPlayerClosable?: boolean
+  showAudioPlayerHost?: boolean
 }>(), {
   activeTab: 'guide',
   variant: 'overlay',
@@ -71,7 +73,8 @@ withDefaults(defineProps<{
   cancelLabel: '取消',
   audioPlayerAvoidBottomNav: true,
   audioPlayerMode: 'mini',
-  audioPlayerClosable: true
+  audioPlayerClosable: true,
+  showAudioPlayerHost: false
 })
 
 const emit = defineEmits<{
diff --git a/src/pages/exhibit/detail.vue b/src/pages/exhibit/detail.vue
index fbde532..02aeda3 100644
--- a/src/pages/exhibit/detail.vue
+++ b/src/pages/exhibit/detail.vue
@@ -5,6 +5,7 @@
     :show-top-tabs="false"
     :audio-player-avoid-bottom-nav="false"
     :audio-player-closable="false"
+    :show-audio-player-host="true"
     audio-player-mode="expanded"
     @back="handleBack"
   >
@@ -145,7 +146,7 @@
 
 <script setup lang="ts">
 import { computed, ref, watch } from 'vue'
-import { onLoad } from '@dcloudio/uni-app'
+import { onLoad, onUnload } from '@dcloudio/uni-app'
 import GuidePageFrame from '@/components/navigation/GuidePageFrame.vue'
 import type { AudioItem } from '@/components/audio/AudioPlayer.vue'
 import { useGlobalAudioPlayer } from '@/composables/useGlobalAudioPlayer'
@@ -468,6 +469,10 @@ onLoad(async (options: any = {}) => {
   }
 })
 
+onUnload(() => {
+  globalAudioPlayer.close()
+})
+
 const detailTextFor = (lang: AudioLanguage) => {
   return detailTextByLanguage.value[lang] || fallbackTextForLanguage(lang)
 }
@@ -688,6 +693,8 @@ const fallbackToExplainHome = () => {
 }
 
 const handleBack = () => {
+  globalAudioPlayer.close()
+
   if (typeof window !== 'undefined' && window.history.length > 1) {
     const currentHref = window.location.href
     window.history.back()
diff --git a/src/pages/facility/detail.vue b/src/pages/facility/detail.vue
index 1448b02..ed83b1a 100644
--- a/src/pages/facility/detail.vue
+++ b/src/pages/facility/detail.vue
@@ -3,7 +3,6 @@
     active-tab="guide"
     variant="overlay"
     :show-top-tabs="false"
-    audio-player-mode="floating"
     show-back
     @tab-change="handleTopTabChange"
     @back="handlePageBack"
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 6d7fd9f..cda4413 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -3,7 +3,6 @@
     :active-tab="currentTab"
     variant="overlay"
     :show-top-tabs="false"
-    :audio-player-mode="currentTab === 'guide' ? 'floating' : 'mini'"
     @tab-change="handleTabChange"
   >
     <GuideMapShell
diff --git a/src/pages/route/detail.vue b/src/pages/route/detail.vue
index 9e265c7..36067cc 100644
--- a/src/pages/route/detail.vue
+++ b/src/pages/route/detail.vue
@@ -3,7 +3,6 @@
     active-tab="guide"
     variant="overlay"
     :show-top-tabs="false"
-    audio-player-mode="floating"
     show-back
     :show-cancel="isManualLocationPanelOpen"
     @tab-change="handleTopTabChange"
diff --git a/src/pages/search/index.vue b/src/pages/search/index.vue
index 4ad10d7..f0b8967 100644
--- a/src/pages/search/index.vue
+++ b/src/pages/search/index.vue
@@ -17,17 +17,12 @@
         autofocus
       />
     </view>
-    <GlobalAudioPlayerHost
-      display-mode="floating"
-      :avoid-bottom-nav="false"
-    />
   </view>
 </template>
 
 <script setup lang="ts">
 import { onMounted, onUnmounted, ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
-import GlobalAudioPlayerHost from '@/components/audio/GlobalAudioPlayerHost.vue'
 import PoiSearchPanel from '@/components/search/PoiSearchPanel.vue'
 
 const initialKeyword = ref('')