Skip to content

M
million
Commit 34b7e826 authored by youjie's avatar youjie
Browse files
Options

no message

parent 5d92f92e
Hide whitespace changes
Inline Side-by-side
Showing with 33 additions and 122 deletions
src/components/home/indexNav.vue
View file @ 34b7e826
......@@ -53,11 +53,11 @@
</ul>
<ul class="col" style="flex: 1;position: relative;"
<ul class="col SubMenuListBox2" style="flex: 1;position: relative;"
:style="{'z-index': CurrentIndex==null?0:2}">
<template v-for="(item,index) in plugData.MenuList">
<div v-if="CurrentIndex==index" class="col row justify-center items-center SubMenuListBox q-py-lg"
:class="[CurrentIndex==index?'active':'']">
<div v-show="CurrentIndex==index" class="col row justify-center items-center SubMenuListBox q-py-lg"
:class="[CurrentIndex==index?'active':'']" style="overflow: hidden;text-overflow: ellipsis;word-spacing: normal;">
<div class="row justify-center">
<template v-for="(items,i) in item.SubMenuList">
<a class="SubMenuListText relative writing-modes-vertical
......@@ -284,7 +284,7 @@ export default {
.MenuListItem{
position: absolute;
left: 10px;
bottom: -15px;
bottom: -30px;
opacity: 0;
transition: all .4s;
z-index: 3;
......@@ -300,24 +300,19 @@ export default {
.SubMenuListBox{
width: 100%;
height: 80%;
/* height: 196px; */
transition: all .4s;
opacity: 0;
/* position: absolute;
left: 0;
right: 0;
bottom: 0; */
background-color: $primary;
z-index: 3;
}
.SubMenuListBox.active{
/* top: 29%; */
height: 100%;
opacity: 1;
}
.MenuListLi.active .MenuListItem{
opacity: 1;
bottom: -10px;
bottom: -8px;
}
.MenuListLi.active .SubMenuListBox{
position: absolute;
......
src/components/home/indexRoll1.vue
View file @ 34b7e826
<template>
<div class="no-course" @mousemove="handleMouseMove" @mouseleave="handleMouseLeave"
<div class="no-course" @mousemove="isRight?handleMouseMove($event):''" @mouseleave="handleMouseLeave"
@click="carousel(Current)">
<div class="relative gap-1 overflow-hidden"
:style="{'background-color':plugData.BgColor?plugData.BgColor:'#fff'}">
......@@ -31,7 +31,7 @@
<swiper-slide :key="index" :index="index"
class="">
<div class="relative" :style="{'background':`url(${item.FileUrl})no-repeat`,'background-size':'cover'}"
style="border-radius:10px;" @click.stop="OpenNewUrl(item.LinkUrl)">
style="border-radius:10px;" @click.stop="OpenNewUrl(item.LinkUrl)" @mouseover.stop.prevent="getINdex(index)">
<template v-if="item.FileType==1">
<q-img :src="item.FileUrl" no-default-spinner alt="image" :ratio="16/9" fill="cover"
@click.stop="OpenNewUrl(item.LinkUrl)" class="">
......@@ -146,7 +146,7 @@
//设置能够同时显示的数量（可设置 auto）
speed: 1000,
autoplay: {
delay: 400000,
delay: 4000,
stopOnLastSlide: false,
disableOnInteraction: false
},
......@@ -203,14 +203,15 @@
let swiperInstance = this.$refs.mySwiper.swiper
swiperInstance.loopedSlides = this.FileUrlList.length
swiperInstance.update()
// document.getElementsByClassName("swiper-slide-active").addEventListener("mousemove", this.handleMouseLeave);
// document.getElementsByClassName("swiper-slide-active").addEventListener("mouseleave", this.setRight);
}, 500);
},
methods: {
getINdex(index){
this.isRight = this.$refs.mySwiper.swiper.realIndex!=index
// console.log(this.slide,index)
},
slideChangeTransitionEnd(){
// this.$refs.mySwiper.swiper.activeIndex;
this.slide = this.$refs.mySwiper.swiper.activeIndex
this.slide = this.$refs.mySwiper.swiper.realIndex
},
onSlideChange(){
// 获取当前索引
......@@ -411,95 +412,3 @@
}
</style>
<style>
.line-feature * {
line-height: normal !important;
}
.line-feature .draggable{
position: absolute;
}
.slider-container{
overflow: unset;
}
.slider-item {
/* transform: scale(1);
transition-timing-function: ease;
transition-duration: 300ms; */
width: 50%;
}
.slider-item.slider-active {
/* transform: scale(1);
z-index: 999; */
width: 50%;
}
.trip-text img {
max-width: 100%;
height: auto;
border-radius: 6px;
}
.trip-text {
line-height: 1.6;
}
.slider-item.slider-active-copy {
transform: scale(1);
z-index: 999;
}
.active-trip-module {
color: var(--q-color-primary);
font-weight: 800;
position: relative;
}
.active-trip-module::before {
position: absolute;
content: " ";
top: 0;
bottom: 0;
left: -25px;
width: 5px;
border-radius: 5px;
background: var(--q-color-primary);
}
.trip-module {
color: #9e9e9e;
transition: all 0.3s;
font-weight: 100;
text-align: center;
line-height: 38px;
font-size: 18px;
width: 38px;
height: 38px;
border: 1px solid #ccc;
border-radius: 50%;
font-family: lettergothicstd;
}
.active-trip-moduleDay {
position: relative;
border: 0;
left: -15px;
font-size: 51px;
}
.active-trip-moduleDay.active::before {
opacity: 1;
}
.active-trip-moduleDay::before {
display: inline-block;
position: absolute;
top: 0px;
left: -50px;
content: "DAY";
font-size: 13px;
font-family: fangsong;
line-height: 58px;
opacity: 0;
}
#setZoom > div {
zoom: calc(100 / 1000);
}
.large-feature img{
width:100% !important
}
.tripImages-footer{
/* background: url('../assets/img/trip/otherBjThree.jpg') repeat; */
padding: 115px 0 32px 0;
}
</style>
src/components/home/indexSlider.vue
View file @ 34b7e826
......@@ -66,16 +66,17 @@
<div class="inSliSubEnNameBox absolute cursor-pointer">
<p class="text-secondary font-serifEn">{{item.SubEnName}}</p>
</div>
<div class="inSliSubDescribeBox row no-wrap justify-between cursor-default"
<div class="inSliSubDescribeBox no-wrap justify-between cursor-default"
:style="{'background-color':plugData.BgColor}"
:class="[windowWidth>=992?'absolute':'']">
:class="[windowWidth>=992?'absolute row':' column']">
<p class="text-center font-serifEn
row text-color85 opacity-80"
:class="[windowWidth>=992?'writing-modes-vertical text-left justify-end items-end':'text-center']"
>
<!-- {{item.SubDescribe}} -->
<!-- <span v-if="windowWidth>=992" v-html="item.SubDescribe"></span> -->
<span style="width: 110px;overflow: hidden;text-overflow: ellipsis;word-spacing: normal;">
<span style="overflow: hidden;text-overflow: ellipsis;word-spacing: normal;"
:style="{width: windowWidth>=992?'110px':'100%'}">
{{item.SubDescribe2}}
</span>
</p>
......
src/components/navs/city-category.vue
View file @ 34b7e826
......@@ -479,17 +479,23 @@ export default {
Id: 0,
}
this.categoryList = n.CategoryList
this.HomeData[0].plugData.MenuList.forEach(x=>{
this.HomeData[0].plugData.MenuList.forEach((x,index)=>{
obj.CategoryName = '行程线路'//x.MenuName
obj.LinkUrl = x.LinkUrl
x.SubMenuList.forEach((y,index)=>{
obj2 = {
CategoryName: y.MenuName,
LinkUrl: y.LinkUrl,
Id: 9999999+index,
}
obj.SubList.push(obj2)
})
// x.SubMenuList.forEach((y,index)=>{
// obj2 = {
// CategoryName: y.MenuName,
// LinkUrl: y.LinkUrl,
// Id: 9999999+index,
// }
// obj.SubList.push(obj2)
// })
obj2 = {
CategoryName: x.MenuName,
LinkUrl: x.LinkUrl,
Id: 9999999+index,
}
obj.SubList.push(obj2)
})
this.categoryList[0] = obj
}
......
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