update

src/views/gui/newguide.vue

@@ -14,7 +14,7 @@
           :key="i"
           
         >
-          <div :class="{'slActive':false,hoverCls:hoverIdx===i}">
+          <div :class="{'slActive':guideActive === i,hoverCls:hoverIdx===i}">
             <img @click="gotoLight(item)" @mouseleave="hoverIdx=''" @mouseenter="hoverHandle(item,i)" :src="item.thumbnail_signed_src" :alt="item.name" />
           </div>
         </swiper-slide>
@@ -109,6 +109,7 @@ export default {
         list: [],
       },
       hoverIdx:'',
+      guideActive:'',
       swiperOptions: {
         slidesPerView: "auto",
         autoplay: false,
@@ -141,7 +142,16 @@ export default {
     this.$nextTick(() => {
       window.addEventListener("loadfinish", () => {
         this.guide = window.player.model.images;
-        console.log(window.player);
+
+        console.log(this.guide);
+
+         //监听导览状态
+          window.player.on('onplayStatus', (data)=>{
+            this.guideActive = data.destinationItem
+            if (!data.tourIsPlaying) {
+              this.guideActive=''
+            }
+          })
       });
     });
   },