|
@@ -11,12 +11,15 @@ columnImage.value =store.state.menuList[store.state.sub]?.imagePath
|
|
|
if (typeof window !== 'undefined' && typeof window.globalThis.addEventListener === 'function') {
|
|
|
var element:any = document.getElementsByClassName("mainmenu-area")[0]
|
|
|
element.addEventListener('mouseenter', function() {
|
|
|
- modelType.value = 1
|
|
|
- columnImage.value = posterImg.value
|
|
|
+ if(modelType.value ==2){
|
|
|
+ modelType.value = 3
|
|
|
+ }
|
|
|
})
|
|
|
element.addEventListener('mouseleave', function() {
|
|
|
- modelType.value = 2
|
|
|
- columnImage.value = store.state.menuList[store.state.sub]?.imagePath
|
|
|
+ if(modelType.value ==3){
|
|
|
+ modelType.value = 2
|
|
|
+ columnImage.value = store.state.menuList[store.state.sub]?.imagePath
|
|
|
+ }
|
|
|
})
|
|
|
// 处理鼠标移入事件
|
|
|
}
|
|
@@ -30,9 +33,19 @@ if (typeof window !== 'undefined' && typeof window.globalThis.addEventListener =
|
|
|
style="width:100%;height:100%;object-fit:fill;" :src="columnImage">
|
|
|
<source type="video/mp4">
|
|
|
</video>
|
|
|
+ <img v-if="modelType==3" :src="posterImg" alt="" class="posterImg">
|
|
|
</template>
|
|
|
<style lang="scss">
|
|
|
.common-bradcrumb-section{
|
|
|
width:100vw;
|
|
|
}
|
|
|
+.posterImg{
|
|
|
+ width:100%;
|
|
|
+ height:100%;
|
|
|
+ position: absolute;
|
|
|
+ z-index: 0;
|
|
|
+ img{
|
|
|
+ width:100%;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|