热点数据改造和整理

SWKK/src/components/Hot.vue

@@ -70,7 +70,7 @@
             <template v-else>
               <Audio
                 :Aid="item.media.audio[0].src"
-                v-if="item.media && item.media.audio[0]&&audioIndex===index"
+                v-if="item.media && item.media.audio[0] && audioIndex === index"
                 :audioSrc="`https://4dkk.4dage.com/scene_edit_data/${KKNum}/user/${item.media.audio[0].src}`"
               />
             </template>
@@ -145,7 +145,7 @@ export default {
       ],
       Swiper: null,
       KKNum: window.KKNum,
-      audioIndex:0
+      audioIndex: 0,
     };
   },
   //监听属性 类似于data概念
@@ -160,15 +160,7 @@ export default {
             videoDoms[0].play();
           }, 200);
         });
-      } 
-      // else if (val === "audio") {
-      //   this.$nextTick(() => {
-      //     setTimeout(() => {
-      //       let audioDoms = document.querySelectorAll(".Hot audio");
-      //       audioDoms[0].play();
-      //     }, 200);
-      //   });
-      // }
+      } else if (val === "audio") this.audioIndex = 0;
 
       this.Swiper = null;
       this.data = this.info[val];
@@ -214,16 +206,6 @@ export default {
                     if (v.className.includes("swiper-pagination-bullet-active"))
                       this.audioIndex = i;
                   });
-
-                  // this.$nextTick(() => {
-                  //   setTimeout(() => {
-                  //     let audioDoms = document.querySelectorAll(".Hot audio");
-                  //     audioDoms.forEach((v, i) => {
-                  //       if (i === this.audioIndex) v.play();
-                  //       else v.pause();
-                  //     });
-                  //   }, 200);
-                  // });
                 }
               },
             },