|
@@ -15,7 +15,7 @@
|
|
|
|
|
|
>
|
|
>
|
|
<div :class="{'slActive':false,hoverCls:hoverIdx===i}">
|
|
<div :class="{'slActive':false,hoverCls:hoverIdx===i}">
|
|
- <img @click="gotoLight(item)" @mouseleave="hoverIdx=''" @mouseenter="hoverHandle(item,i)" :src="item.thumbnail_signed_src" :alt="item.name" />
|
|
|
|
|
|
+ <img @click="gotoLight(item)" @mouseleave="hoverOutHandle(item,i)" @mouseenter="hoverHandle(item,i)" :src="item.thumbnail_signed_src" :alt="item.name" />
|
|
</div>
|
|
</div>
|
|
</swiper-slide>
|
|
</swiper-slide>
|
|
</swiper>
|
|
</swiper>
|
|
@@ -127,11 +127,19 @@ export default {
|
|
this.swiper[type]()
|
|
this.swiper[type]()
|
|
},
|
|
},
|
|
gotoLight(item){
|
|
gotoLight(item){
|
|
- console.log(item,'1111');
|
|
|
|
|
|
+ console.log(item,'1111');
|
|
|
|
+ player.director.goToHighlight(this.hoverIdx)
|
|
},
|
|
},
|
|
hoverHandle(item,i){
|
|
hoverHandle(item,i){
|
|
- this.hoverIdx = i
|
|
|
|
|
|
+ this.hoverIdx = i;
|
|
|
|
+ player.model.emit('tourThumbImgHover',i)
|
|
|
|
+ },
|
|
|
|
+ hoverOutHandle(item,i){
|
|
|
|
+ player.model.emit('tourThumbImgHoverLeave',i)
|
|
|
|
+ this.hoverIdx= ''
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+
|
|
},
|
|
},
|
|
components: {
|
|
components: {
|
|
Swiper,
|
|
Swiper,
|