调整导览讲解为底部主导航

src/components/audio/AudioPlayer.vue

@@ -1,6 +1,10 @@
 <template>
   <view class="audio-player-host">
-  <view class="audio-player" v-if="visible && currentAudio">
+  <view
+    class="audio-player"
+    :class="{ 'avoid-bottom-nav': avoidBottomNav }"
+    v-if="visible && currentAudio"
+  >
     <!-- 迷你播放器 (底部固定) -->
     <view class="mini-player" @tap="handleExpand">
       <!-- 封面图 -->
@@ -65,6 +69,7 @@ const props = defineProps<{
   visible?: boolean
   audio?: AudioItem | null
   autoPlay?: boolean
+  avoidBottomNav?: boolean
 }>()
 
 const emit = defineEmits<{
@@ -517,6 +522,11 @@ defineExpose({
   padding-bottom: env(safe-area-inset-bottom);
 }
 
+.audio-player.avoid-bottom-nav {
+  bottom: calc(82px + env(safe-area-inset-bottom));
+  padding-bottom: 0;
+}
+
 @media (min-width: 768px) {
   .audio-player {
     left: 50%;