🐞 fix(详情页): 新增音频播放后高度结构问题导致页面滚动高度异常修复

别院地图

 <template>
 <template>
-  <div class="audio-list-page">
+  <div v-if="info_height" class="audio-list-page">
     <van-config-provider :theme-vars="themeVars">
     <van-config-provider :theme-vars="themeVars">
       <van-floating-panel v-model:height="info_height" :anchors="anchors" @height-change="onHeightChange" style="box-shadow: #d6d6d6b8 -1px -5px 15px 5px;">
       <van-floating-panel v-model:height="info_height" :anchors="anchors" @height-change="onHeightChange" style="box-shadow: #d6d6d6b8 -1px -5px 15px 5px;">
         <template #header>
         <template #header>
@@ -290,6 +290,8 @@ onUnmounted(() => { // 离开页面时关闭音频播放
 <style lang="less" scoped>
 <style lang="less" scoped>
 .audio-list-page {
 .audio-list-page {
   height: 100%;
   height: 100%;
+  position: fixed;
+  z-index: 999;
   .audio-item {
   .audio-item {
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;

 <!--
 <!--
  * @Date: 2024-09-15 22:08:49
  * @Date: 2024-09-15 22:08:49
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-11-06 11:08:47
+ * @LastEditTime: 2024-11-06 11:17:53
  * @FilePath: /map-demo/src/views/bieyuan/info.vue
  * @FilePath: /map-demo/src/views/bieyuan/info.vue
  * @Description: 文件描述
  * @Description: 文件描述
 -->
 -->
@@ -64,7 +64,7 @@
         </van-config-provider>
         </van-config-provider>
       </div>
       </div>
     </div>
     </div>
-    <div class="info-logo">
+    <div class="info-logo" :style="{ marginBottom: audio_list_height ? `${audio_list_height * 1.5}px` : '3rem' }">
       <van-image width="3rem" height="3rem" fit="contain" src="https://cdn.ipadbiz.cn/bieyuan/map/icon/scan_logo.png" />
       <van-image width="3rem" height="3rem" fit="contain" src="https://cdn.ipadbiz.cn/bieyuan/map/icon/scan_logo.png" />
     </div>
     </div>