Commit 7171ee3d authored by youjie's avatar youjie

未改分辨率

parent b450daff
<template> <template>
<!-- @mouseleave="ClearData" --> <!-- @mouseleave="ClearData" -->
<q-page class="relative gap-1 overflow-hidden animate__animated duration5" @mouseleave="ClearData" <q-page class="relative gap-1 overflow-hidden animate__animated duration5" @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" @mouseenter.stop.prevent="ClearData"> <div class="col column carousel1-left relative" @mouseenter.stop.prevent="ClearData">
...@@ -11,7 +11,8 @@ ...@@ -11,7 +11,8 @@
<img class="carousel1-leftImg inline-block" :src="plugData.Logo"/> <img class="carousel1-leftImg inline-block" :src="plugData.Logo"/>
</div> </div>
<div class="col column" style="position: relative; z-index: 2;"> <div class="col column" style="position: relative; z-index: 2;">
<div class="column col" @mouseenter.stop.prevent="ClearData" style="padding-top: 40px;flex-grow: 1;" <div class="column col" @mouseenter.stop.prevent="ClearData"
style="padding-top: 40px;flex-grow: 1;"
:style="{'z-index': CurrentIndex==null?-2:2}"> :style="{'z-index': CurrentIndex==null?-2:2}">
<ul class="column MenuListBox row relative"> <ul class="column MenuListBox row relative">
<div class="p-x40 row no-wrap justify-center"> <div class="p-x40 row no-wrap justify-center">
...@@ -80,8 +81,8 @@ ...@@ -80,8 +81,8 @@
</div> </div>
</div> </div>
<div class="carousel1-right overflow-hidden relative" <div class="carousel1-right overflow-hidden relative"
:class="[windowWidth>1280?'col':'col-12']" @mouseenter.stop.prevent="ClearData"> :class="[windowWidth>=1280?'col':'col-12']" @mouseenter.stop.prevent="ClearData">
<template v-if="windowWidth>=768"> <template v-if="windowWidth>=768">
<q-img v-if="ImgObj.FileType!=2" class="carousel1-rightImg" @mouseenter.stop.prevent="ClearData" <q-img v-if="ImgObj.FileType!=2" class="carousel1-rightImg" @mouseenter.stop.prevent="ClearData"
:class="[oldCoverImg!=coverImg?'active':'']" :class="[oldCoverImg!=coverImg?'active':'']"
:src="coverImg" fill="contain"/> :src="coverImg" fill="contain"/>
...@@ -178,6 +179,7 @@ export default { ...@@ -178,6 +179,7 @@ export default {
this.FileUrlList.push(x.FileUrl) this.FileUrlList.push(x.FileUrl)
} }
}) })
console.log(this.windowWidth,'---===')
}, },
methods: { methods: {
handleMouseEnter($event,index){ handleMouseEnter($event,index){
......
...@@ -146,7 +146,7 @@ ...@@ -146,7 +146,7 @@
//设置能够同时显示的数量(可设置 auto) //设置能够同时显示的数量(可设置 auto)
speed: 1000, speed: 1000,
autoplay: { autoplay: {
delay: 4000, delay: 6000,
stopOnLastSlide: false, stopOnLastSlide: false,
disableOnInteraction: false disableOnInteraction: false
}, },
......
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
class="swiper" @slideChange="onSlideChange"> class="swiper" @slideChange="onSlideChange">
<swiper-slide :key="index" :index="index" style="width: 12.91vw;" <swiper-slide :key="index" :index="index" style="width: 12.91vw;"
class="cursor-pointer swiperR2W" v-for="(item, index) in plugData.NavList"> class="cursor-pointer swiperR2W" v-for="(item, index) in plugData.NavList">
<div class="relative"> <div class="relative swiperR2Hover">
<template v-if="item.FileType==1"> <template v-if="item.FileType==1">
<q-img :src="item.FileUrl" alt="image" :ratio="0.64" fill="cover" <q-img :src="item.FileUrl" alt="image" :ratio="0.64" fill="cover"
@click.stop="OpenNewUrl(item.LinkUrl)"> @click.stop="OpenNewUrl(item.LinkUrl)">
...@@ -408,12 +408,12 @@ ...@@ -408,12 +408,12 @@
padding: 5px 20px 8px 20px; padding: 5px 20px 8px 20px;
font-size: 1.1rem; font-size: 1.1rem;
} }
.swiperR2W>div:hover .swipercomTvR2Bj{ .swiperR2Hover:hover .swipercomTvR2Bj{
top: 0; top: 0;
bottom: 0; bottom: 0;
opacity: 1; opacity: 1;
} }
.swiperR2W>div:hover .swipercomTvR2{ .swiperR2Hover:hover .swipercomTvR2{
top: 0; top: 0;
bottom: 0; bottom: 0;
opacity: 1; opacity: 1;
......
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