Commit ec715801 authored by youjie's avatar youjie

no message

parent b5637b1c
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
:class="[CurrentIndex==index?'animate__bounceInUp':'animate__bounceOutUp']"> :class="[CurrentIndex==index?'animate__bounceInUp':'animate__bounceOutUp']">
<div class="row justify-center"> <div class="row justify-center">
<template v-for="(items,i) in item.SubMenuList"> <template v-for="(items,i) in item.SubMenuList">
<a class="SubMenuListText relative writing-modes-vertical text-white <a class="SubMenuListText relative writing-modes-vertical
remSubText font-serifEn tracking-2 q-px-xs cursor-pointer inline-block row items-center" remSubText font-serifEn tracking-2 q-px-xs cursor-pointer inline-block row items-center"
@click="OpenNewUrl(items.LinkUrl)"> @click="OpenNewUrl(items.LinkUrl)">
<span>{{items.MenuName}}</span> <span>{{items.MenuName}}</span>
...@@ -227,6 +227,10 @@ export default { ...@@ -227,6 +227,10 @@ export default {
letter-spacing: normal; letter-spacing: normal;
line-height: 23px; line-height: 23px;
color: rgb(255,255,255); color: rgb(255,255,255);
transition: all .5s;
}
.SubMenuListText:hover{
color: $secondary;
} }
.SubMenuListLin{ .SubMenuListLin{
width: 1px; width: 1px;
......
<template> <template>
<div class="" @mousemove="handleMouseMove" @mouseleave="handleMouseLeave" <div class="no-course" @mousemove="handleMouseMove" @mouseleave="handleMouseLeave"
@click="carousel(Current)"> @click="carousel(Current)">
<div class="relative gap-1 overflow-hidden" <div class="relative gap-1 overflow-hidden"
:style="{'background-color':plugData.BgColor?plugData.BgColor:'#fff'}"> :style="{'background-color':plugData.BgColor?plugData.BgColor:'#fff'}">
...@@ -30,7 +30,6 @@ ...@@ -30,7 +30,6 @@
<template v-for="(item, index) in plugData.NavList"> <template v-for="(item, index) in plugData.NavList">
<swiper-slide :key="index" :index="index" <swiper-slide :key="index" :index="index"
class="cursor-pointer"> class="cursor-pointer">
<div class="relative" :style="{'background':`url(${item.FileUrl})no-repeat`,'background-size':'cover'}" <div class="relative" :style="{'background':`url(${item.FileUrl})no-repeat`,'background-size':'cover'}"
style="border-radius:10px;"> style="border-radius:10px;">
<q-img alt="image" :ratio="16/9" fill="cover"/> <q-img alt="image" :ratio="16/9" fill="cover"/>
...@@ -150,7 +149,8 @@ ...@@ -150,7 +149,8 @@
disableOnInteraction: false disableOnInteraction: false
}, },
// 开启自动轮播后,设置自动轮播的延迟时间 // 开启自动轮播后,设置自动轮播的延迟时间
loopAdditionalSlides: 0, loopAdditionalSlides: 1000,
parallax: true,
breakpoints: { breakpoints: {
1440: { 1440: {
slidesPerView: 1.5, slidesPerView: 1.5,
...@@ -200,7 +200,6 @@ ...@@ -200,7 +200,6 @@
let swiperInstance = this.$refs.mySwiper.swiper let swiperInstance = this.$refs.mySwiper.swiper
swiperInstance.loopedSlides = this.FileUrlList.length swiperInstance.loopedSlides = this.FileUrlList.length
swiperInstance.update() swiperInstance.update()
console.log(this.$refs.mySwiper.swiper.loopedSlides,'----')
}, 500); }, 500);
}, },
methods: { methods: {
......
...@@ -178,7 +178,7 @@ export default { ...@@ -178,7 +178,7 @@ export default {
if(el.x<width){ if(el.x<width){
this.Current = 'left' this.Current = 'left'
}else if(el.x>width) this.Current = 'right' }else if(el.x>width) this.Current = 'right'
this.X = el.x this.X = el.x-50
this.Y = el.y+(document.documentElement.scrollTop || document.body.scrollTop) this.Y = el.y+(document.documentElement.scrollTop || document.body.scrollTop)
}, },
handleMouseLeave(){ handleMouseLeave(){
......
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