Commit 85e8c3ae authored by youjie's avatar youjie

no message

parent 32dc3a47
<template> <template>
<q-page class="relative gap-1 overflow-hidden" @mousemove="ClearData" @mouseleave="ClearData" <!-- @mouseleave="ClearData" -->
<q-page class="relative gap-1 overflow-hidden" @mouseleave="ClearData"
:style="{'background-color':plugData.BgColor?plugData.BgColor:'#fff'}" style="height: 100vh;"> :style="{'background-color':plugData.BgColor?plugData.BgColor:'#fff'}" style="height: 100vh;">
<div class="absolute top0 right0 bottom0 left0 indexNavFormP row"> <div class="absolute top0 right0 bottom0 left0 indexNavFormP row">
<div class="col column carousel1-left relative"> <div class="col column carousel1-left relative" @mouseenter="ClearData">
<div class="row justify-center"> <div class="row justify-center" @mouseenter="ClearData">
<q-img class="carousel1-leftImg" width="8rem" :src="plugData.Logo"/> <q-img class="carousel1-leftImg" width="8rem" :src="plugData.Logo"/>
</div> </div>
<div class="p-x40 col row justify-center"> <div class="p-x40 col row justify-center" @mouseenter="ClearData">
<ul class="row no-wrap MenuListBox row justify-center"> <ul class="row no-wrap MenuListBox row justify-center">
<template v-for="(item,index) in plugData.MenuList"> <template v-for="(item,index) in plugData.MenuList">
<li class="MenuListLi row justify-center cursor-pointer animate__animated" <li class="MenuListLi row justify-center cursor-pointer animate__animated"
:class="[CurrentIndex>=0&&CurrentIndex==index?'animate__bounceInUp active':'animate__bounceOutUp']" :class="[CurrentIndex>=0&&CurrentIndex==index?'animate__bounceInUp active':'animate__bounceOutUp']"
v-on:mouseenter="handleMouseEnter($event,index)" @mouseleave="ClearData"> v-on:mouseenter="handleMouseEnter($event,index)">
<div class="cursor-pointer flex flex-col items-center relative justify-end"> <div class="cursor-pointer flex flex-col items-center relative justify-end">
<div class="row min-w-50px"> <div class="row min-w-50px">
<div class="font-serifEn writing-modes-vertical p text-gray-700"> <div class="font-serifEn writing-modes-vertical p text-gray-700">
...@@ -55,9 +56,9 @@ ...@@ -55,9 +56,9 @@
</div> </div>
</div> </div>
<div class="carousel1-right overflow-hidden relative" <div class="carousel1-right overflow-hidden relative"
:class="[windowWidth>1280?'col-7':'col-12']"> :class="[windowWidth>1280?'col-7':'col-12']" @mouseenter="ClearData">
<template v-if="windowWidth>=768"> <template v-if="windowWidth>=768">
<q-img class="carousel1-rightImg animate__animated" <q-img class="carousel1-rightImg animate__animated" @mouseenter="ClearData"
:class="[oldCoverImg!=coverImg?'active animate__bounceInUp':'animate__bounceOutUp']" :class="[oldCoverImg!=coverImg?'active animate__bounceInUp':'animate__bounceOutUp']"
:src="coverImg" fill="contain"/> :src="coverImg" fill="contain"/>
</template> </template>
...@@ -125,7 +126,7 @@ export default { ...@@ -125,7 +126,7 @@ export default {
},300) },300)
} }
}, },
ClearData(){ ClearData(type){
this.CurrentIndex = null this.CurrentIndex = null
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment