反馈播放列表数量为空时，隐藏图标

@@ -109,12 +109,16 @@ onMounted(async () => {
   const { id, marker_id } = useRoute().query;
   const { data, code } = await mapAudioAPI({ mid: id, bid: marker_id });
   if (code) {
-    data.forEach((item) => {
-      item.title = item.name;
-      item.src = item.audio_val;
-      item.play = false;
-    });
-    audio_list.value = data;
+    if (data.length) {
+      data.forEach((item) => {
+        item.title = item.name;
+        item.src = item.audio_val;
+        item.play = false;
+      });
+      audio_list.value = data;
+    } else {
+      emit('status', 'none');
+    }
   }
 });
 

 <!--
  * @Date: 2024-09-15 22:08:49
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-11 13:48:14
+ * @LastEditTime: 2024-10-16 15:36:30
  * @FilePath: /map-demo/src/views/bieyuan/info.vue
  * @Description: 文件描述
 -->
@@ -26,7 +26,7 @@
         <div style="display: flex; justify-content: space-between;">
           <p class="info-title">{{ page_details.name }}</p>
           <div style="display: flex;">
-            <div @click="onClickAudioList" style="margin-right: 0.75rem;">
+            <div v-if="show_audio" @click="onClickAudioList" style="margin-right: 0.75rem;">
               <van-icon v-if="!audio_list_height" name="https://cdn.ipadbiz.cn/bieyuan/map/icon/%E8%AF%AD%E9%9F%B31@3x.png" size="1.65rem" />
               <van-icon v-else name="https://cdn.ipadbiz.cn/bieyuan/map/icon/%E8%AF%AD%E9%9F%B32@3x.png" size="1.65rem" />
             </div>
@@ -382,11 +382,17 @@ const onCloseAudioList = () => {
   audio_list_height.value = 0;
 }
 
+const show_audio = ref(true);
+
 const onStatusAudioList = (status) => { // 音频列表组件，状态改变
   page_details.value.experience_audio?.forEach(item => item.play = false);
   audio.value.pause();
   play_audio_index.value = null;
   store.changeAudioStatus('pause');
+  // 反馈播放列表数量为空时，隐藏图标
+  if (status === 'none') {
+    show_audio.value = false;
+  }
 }
 </script>