Skip to content

M
million
Commit cb30b862 authored by 黄奎's avatar 黄奎
Browse files
Options

插件修改

parent 0766d4ec
Show whitespace changes
Inline Side-by-side
Showing with 403 additions and 564 deletions
src/boot/utils.js
View file @ cb30b862
......@@ -70,7 +70,7 @@ Vue.prototype.getLocalStorage = function () {
//向外跳转
Vue.prototype.OpenNewUrl = function (URL) {
if (URL != '') {
if (URL&&URL != '') {
if (URL.indexOf("https") != -1) {
var str = 'http://' + URL.substring(8);
window.open(str, '_blank');
......
src/components/label_link_paragraph/left.vue
View file @ cb30b862
......@@ -3,7 +3,8 @@
<div class="q-mt-lg">
<section class="tour3 section-block">
<div class="pd-img">
<a @click="OpenNewUrl(plugData.LinkUrl)" :title="plugData.TripTitle" :style="{backgroundImage:`url('${plugData.ImageUrl}')`}"></a>
<a @click="OpenNewUrl(plugData.LinkUrl)" :title="plugData.TripTitle"
:style="{backgroundImage:`url('${(plugData.TripImage&&plugData.TripImage!=''?plugData.TripImage:plugData.ImageUrl)}')`}"></a>
</div>
<div class="pd-content">
<h2 class="block-title">{{plugData.Title}}</h2>
......
src/components/label_link_paragraph/right.vue
View file @ cb30b862
......@@ -9,7 +9,7 @@
<a @click="OpenNewUrl(plugData.LinkUrl)" class="wl-btn wl-btn-radius pd-link">了解更多資訊</a>
</div>
<div class="pd-img">
<a @click="OpenNewUrl(plugData.LinkUrl)" :title="plugData.TripTitle" :style="{backgroundImage:`url('${plugData.ImageUrl}')`}"></a>
<a @click="OpenNewUrl(plugData.LinkUrl)" :title="plugData.TripTitle" :style="{backgroundImage:`url('${(plugData.TripImage&&plugData.TripImage!=''?plugData.TripImage:plugData.ImageUrl)}')`}"></a>
</div>
</section>
......
src/components/label_link_picture/left.vue
View file @ cb30b862
......@@ -3,9 +3,9 @@
<div class="q-mt-lg">
<section class="tour5 section-block">
<a @click="OpenNewUrl(plugData.LinkUrl1)" :title="plugData.TripTitle1" class="pd-img"
:style="{backgroundImage:`url('${plugData.ImageUrl1}')`}"></a>
:style="{backgroundImage:`url('${(plugData.TripImage1&&plugData.TripImage1!=''?plugData.TripImage1:plugData.ImageUrl1)}')`}"></a>
<a @click="OpenNewUrl(plugData.LinkUrl2)" :title="plugData.TripTitle2" class="pd-img"
:style="{backgroundImage:`url('${plugData.ImageUrl2}')`}"></a>
:style="{backgroundImage:`url('${(plugData.TripImage2&&plugData.TripImage2!=''?plugData.TripImage2:plugData.ImageUrl2)}')`}"></a>
<div class="pd-content">
<h2 class="block-title">{{plugData.Title}}</h2>
<p class="title-teaser">
......
src/components/label_link_picture/right.vue
View file @ cb30b862
......@@ -9,9 +9,9 @@
</p>
</div>
<a @click="OpenNewUrl(plugData.LinkUrl1)" :title="plugData.TripTitle1" class="pd-img"
:style="{backgroundImage:`url('${plugData.ImageUrl1}')`}"></a>
:style="{backgroundImage:`url('${(plugData.TripImage1&&plugData.TripImage1!=''?plugData.TripImage1:plugData.ImageUrl1)}')`}"></a>
<a @click="OpenNewUrl(plugData.LinkUrl2)" :title="plugData.TripTitle2" class="pd-img"
:style="{backgroundImage:`url('${plugData.ImageUrl2}')`}"></a>
:style="{backgroundImage:`url('${(plugData.TripImage2&&plugData.TripImage2!=''?plugData.TripImage2:plugData.ImageUrl2)}')`}"></a>
</section>
</div>
</template>
......
src/components/label_picture/diy-img-four.vue
View file @ cb30b862
......@@ -6,7 +6,7 @@
<ul class="pr-banner-list">
<li v-for="(item,index) in plugData.Details" :key="index">
<a @click="OpenNewUrl(item.LinkUrl)" :title="item.TripTitle"
:style="{backgroundImage:`url('${item.ImageUrl}')`}"></a>
:style="{backgroundImage:`url('${(item.TripImageUrl&&item.TripImageUrl!=''?item.TripImageUrl:item.ImageUrl)}')`}"></a>
</li>
</ul>
</div>
......
src/components/label_picture/diy-img-one.vue
View file @ cb30b862
......@@ -3,11 +3,13 @@
<div>
<section class="tour2 section-block">
<h2 class="block-title">{{plugData.Title}}</h2>
<p class="title-teaser">{{plugData.SubTitle}}</p>
<p class="title-teaser">{{plugData.SubTitle}}
</p>
<ul class="pd-list">
<li class="pd-box" v-for="(item,index) in plugData.Details" :key="index">
<a @click="OpenNewUrl(item.LinkUrl)" :title="item.TripTitle" class="pd-link">
<div class="pd-img" :style="{backgroundImage:`url('${item.ImageUrl}')`}">
<div class="pd-img"
:style="{backgroundImage:`url('${(item.TripImageUrl&&item.TripImageUrl!=''?item.TripImageUrl:item.ImageUrl)}')`}">
<div class="pd-price">
<div class="price">
{{item.DayNum}}
......
src/components/label_picture/diy-img-six.vue
View file @ cb30b862
......@@ -10,7 +10,7 @@
<q-carousel-slide :name="i" :key="i" class="column no-wrap">
<div class="row fit justify-start q-col-gutter no-wrap" :class="{'q-gutter-lg':x.length>1}">
<div style="flex:1" v-for="(y, yi) in x" :key="yi">
<q-img :img-style="{borderRadius:'50%'}" :ratio="1/1" :src="y.ImageUrl" />
<q-img :img-style="{borderRadius:'50%'}" :ratio="1/1" :src="(y.TripImageUrl&&y.TripImageUrl!=''?y.TripImageUrl: y.ImageUrl)" />
<div class="q-mt-md" style="color: #666;text-align: center;font-weight: 400;">
{{y.TripTitle}}
</div>
......
src/components/label_picture/diy-img-two.vue
View file @ cb30b862
......@@ -7,7 +7,7 @@
<ul class="pd-list">
<li class="pd-box" v-for="(item,index) in plugData.Details" :key="index">
<a @click="OpenNewUrl(item.LinkUrl)" :title="item.TripTitle" class="pd-link">
<div class="pd-img" :style="{backgroundImage:`url('${item.ImageUrl}')`}">
<div class="pd-img" :style="{backgroundImage:`url('${(item.TripImageUrl&&item.TripImageUrl!=''?item.TripImageUrl:item.ImageUrl)}')`}">
<div class="pd-price">
<div class="price">
{{item.DayNum}}
......
src/components/label_slider/big.vue
View file @ cb30b862
<template>
<q-carousel
v-model="slide"
transition-prev="slide-right"
transition-next="slide-left"
:autoplay="5000"
swipeable
animated
control-color="white"
padding
arrows
infinite
height="470px"
class="bg-primary text-white shadow-1 q-mt-lg q-mb-xl"
>
<q-carousel-slide
v-for="(x, i) in swipers"
:key="i"
@click="clickSlideHandler(x.path)"
:name="i"
:img-src="x.pic_url"
/>
<!--輪播圖-大-->
<q-carousel v-model="slide" transition-prev="slide-right" transition-next="slide-left" :autoplay="5000" swipeable
animated control-color="white" padding arrows infinite height="470px"
class="bg-primary text-white shadow-1 q-mt-lg q-mb-xl">
<q-carousel-slide v-for="(x, i) in plugData.Details" :key="i" @click="clickSlideHandler(x.LinkUrl)" :name="i"
:img-src="x.LinkImg" />
</q-carousel>
</template>
<script>
export default {
export default {
props: ["plugData"],
data() {
return {
slide: 0,
swipers: [
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500796_rsz.jpg",
path:
"https://yvonne.tripsaas.com/tour/detail/LIFE-TSN0514BRT01?type=c&group_code=TSN05BR9D01A"
},
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500802_rsz.jpg",
path: "/"
},
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500810_rsz.jpg",
path: "/"
},
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500763_rsz.jpg",
path: "/"
},
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500815_rsz.jpg",
path: "/"
},
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500828_rsz.jpg",
path: "/"
}
]
};
},
methods: {
clickSlideHandler(url) {
if (url && url.length > 1) {
location.href = url;
this.OpenNewUrl(url);
}
}
}
};
</script>
};
</script>
<style>
</style>
src/components/label_slider/small.vue
View file @ cb30b862
<template>
<q-carousel
v-model="slide"
transition-prev="slide-right"
transition-next="slide-left"
:autoplay="5000"
swipeable
animated
control-color="white"
padding
arrows
infinite
height="235px"
class="bg-primary text-white shadow-1 q-mt-lg q-mb-xl"
>
<q-carousel-slide
v-for="(x, i) in swipers"
:key="i"
@click="clickSlideHandler(x.path)"
:name="i"
:img-src="x.pic_url"
/>
<!--輪播圖-小-->
<q-carousel v-model="slide" transition-prev="slide-right" transition-next="slide-left" :autoplay="5000" swipeable
animated control-color="white" padding arrows infinite height="235px"
class="bg-primary text-white shadow-1 q-mt-lg q-mb-xl">
<q-carousel-slide v-for="(x, i) in plugData.Details" :key="i" @click="clickSlideHandler(x.LinkUrl)" :name="i"
:img-src="x.LinkImg" />
</q-carousel>
</template>
<script>
export default {
export default {
props: ["plugData"],
data() {
return {
slide: 0,
swipers: [
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500796_rsz.jpg",
path:
"https://yvonne.tripsaas.com/tour/detail/LIFE-TSN0514BRT01?type=c&group_code=TSN05BR9D01A"
},
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500802_rsz.jpg",
path: "/"
},
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500810_rsz.jpg",
path: "/"
},
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500763_rsz.jpg",
path: "/"
},
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500815_rsz.jpg",
path: "/"
},
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500828_rsz.jpg",
path: "/"
}
]
};
},
methods: {
clickSlideHandler(url) {
if (url && url.length > 1) {
location.href = url;
this.OpenNewUrl(url);
}
}
}
};
};
</script>
<style>
</style>
src/components/search_b/search_b1.vue
View file @ cb30b862
<template>
<!--搜索区块（Banner）-轮播淡出-->
<div style="margin-top:-60px">
<q-carousel
v-model="slide"
:autoplay="5000"
swipeable
animated
control-color="white"
padding
infinite
height="550px"
class="bg-primary text-white shadow-1"
>
<q-carousel-slide
v-for="(x, i) in swipers"
:key="i"
@click="clickSlideHandler(x.path)"
:name="i"
:img-src="x.pic_url"
/>
<q-carousel v-model="slide" :autoplay="5000" swipeable animated control-color="white" padding infinite
height="550px" class="bg-primary text-white shadow-1">
<q-carousel-slide v-for="(x, i) in plugData.Details" :key="i" @click="clickSlideHandler(x.LinkUrl)" :name="i"
:img-src="x.ImageUrl" />
</q-carousel>
</div>
</template>
<script>
import popup from "../props/index";
export default {
//搜索区块（Banner）-轮播淡出
import popup from "../props/index";
export default {
props: ["plugData"],
components: {
popup
},
data() {
return {
slide: 0,
swipers: [
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500796_rsz.jpg",
path:
"https://yvonne.tripsaas.com/tour/detail/LIFE-TSN0514BRT01?type=c&group_code=TSN05BR9D01A"
},
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500802_rsz.jpg",
path: "/"
},
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500810_rsz.jpg",
path: "/"
},
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500763_rsz.jpg",
path: "/"
},
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500815_rsz.jpg",
path: "/"
},
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500828_rsz.jpg",
path: "/"
}
]
};
},
mounted() {
......@@ -73,15 +28,16 @@ export default {
methods: {
clickSlideHandler(url) {
if (url && url.length > 1) {
location.href = url;
this.OpenNewUrl(url);
}
}
}
};
};
</script>
<style>
.showbox {
.showbox {
position: absolute;
box-sizing: border-box;
width: 100%;
......@@ -90,8 +46,9 @@ export default {
left: 0;
top: 56px;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3), 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.showspbox {
}
.showspbox {
position: absolute;
box-sizing: border-box;
width: calc(41.6667% - 22px);
......@@ -100,11 +57,13 @@ export default {
left: 0;
top: 56px;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3), 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.my-menu-link {
}
.my-menu-link {
background-color: rgb(237, 237, 237) !important;
}
.area-box .h3 {
}
.area-box .h3 {
font-size: 22px;
color: #333;
font-weight: 600;
......@@ -113,8 +72,9 @@ export default {
list-style: unset;
margin: 0;
cursor: pointer;
}
.area-box .h4 {
}
.area-box .h4 {
font-size: 18px;
color: #424242;
padding: 0;
......@@ -124,8 +84,9 @@ export default {
margin-right: 20px;
font-weight: 600;
cursor: pointer;
}
.area-box .h5 {
}
.area-box .h5 {
font-size: 16px;
color: #636363;
padding: 0;
......@@ -134,8 +95,9 @@ export default {
margin: 0;
margin-right: 12px;
cursor: pointer;
}
.area-box .h6 {
}
.area-box .h6 {
font-size: 14px;
color: gray;
padding: 0;
......@@ -144,29 +106,35 @@ export default {
margin: 0;
text-align: right;
cursor: pointer;
}
.area-box .h6:hover,
.area-box .h5:hover,
.area-box .h4:hover,
.area-box .h3:hover {
}
.area-box .h6:hover,
.area-box .h5:hover,
.area-box .h4:hover,
.area-box .h3:hover {
color: var(--q-color-primary);
}
.area-box .to-end {
}
.area-box .to-end {
align-items: flex-end;
}
.chosen-box {
}
.chosen-box {
padding: 15px;
min-height: 30vh;
}
.chosen-box .title {
}
.chosen-box .title {
font-size: 20px;
font-weight: 600;
color: #111;
margin-bottom: 5px;
}
.chosen-box .split-word{
font-size:15px;
color:#333;
line-height:56px;
}
}
.chosen-box .split-word {
font-size: 15px;
color: #333;
line-height: 56px;
}
</style>
src/components/search_b/search_b2.vue
View file @ cb30b862
<template>
<!--搜索区块（Banner）-轮播横-->
<div style="margin-top:-60px">
<q-carousel
v-model="slide"
:autoplay="5000"
swipeable
animated
control-color="white"
padding
arrows
navigation
transition-prev="slide-right"
transition-next="slide-left"
infinite
height="666px"
class="bg-primary text-white shadow-1"
>
<q-carousel-slide
v-for="(x, i) in swipers"
:key="i"
@click="clickSlideHandler(x.path)"
:name="i"
:img-src="x.pic_url"
/>
<q-carousel v-model="slide" :autoplay="5000" swipeable animated control-color="white" padding arrows navigation
transition-prev="slide-right" transition-next="slide-left" infinite height="666px"
class="bg-primary text-white shadow-1">
<q-carousel-slide v-for="(x, i) in plugData.Details" :key="i" @click="clickSlideHandler(x.LinkUrl)" :name="i"
:img-src="x.ImageUrl" />
</q-carousel>
</div>
</template>
<script>
import popup from "../props/index";
export default {
//搜索区块（Banner）-轮播横
import popup from "../props/index";
export default {
props: ["plugData"],
components: {
popup
},
data() {
return {
slide: 0,
swipers: [
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500796_rsz.jpg",
path:
"https://yvonne.tripsaas.com/tour/detail/LIFE-TSN0514BRT01?type=c&group_code=TSN05BR9D01A"
},
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500802_rsz.jpg",
path: "/"
},
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500810_rsz.jpg",
path: "/"
},
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500763_rsz.jpg",
path: "/"
},
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500815_rsz.jpg",
path: "/"
},
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500828_rsz.jpg",
path: "/"
}
]
};
},
mounted() {
......@@ -77,15 +28,16 @@ export default {
methods: {
clickSlideHandler(url) {
if (url && url.length > 1) {
location.href = url;
this.OpenNewUrl(url);
}
}
}
};
};
</script>
<style>
.showbox {
.showbox {
position: absolute;
box-sizing: border-box;
width: 100%;
......@@ -94,8 +46,9 @@ export default {
left: 0;
top: 56px;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3), 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.showspbox {
}
.showspbox {
position: absolute;
box-sizing: border-box;
width: calc(41.6667% - 22px);
......@@ -104,11 +57,13 @@ export default {
left: 0;
top: 56px;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3), 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.my-menu-link {
}
.my-menu-link {
background-color: rgb(237, 237, 237) !important;
}
.area-box .h3 {
}
.area-box .h3 {
font-size: 22px;
color: #333;
font-weight: 600;
......@@ -117,8 +72,9 @@ export default {
list-style: unset;
margin: 0;
cursor: pointer;
}
.area-box .h4 {
}
.area-box .h4 {
font-size: 18px;
color: #424242;
padding: 0;
......@@ -128,8 +84,9 @@ export default {
margin-right: 20px;
font-weight: 600;
cursor: pointer;
}
.area-box .h5 {
}
.area-box .h5 {
font-size: 16px;
color: #636363;
padding: 0;
......@@ -138,8 +95,9 @@ export default {
margin: 0;
margin-right: 12px;
cursor: pointer;
}
.area-box .h6 {
}
.area-box .h6 {
font-size: 14px;
color: gray;
padding: 0;
......@@ -148,29 +106,35 @@ export default {
margin: 0;
text-align: right;
cursor: pointer;
}
.area-box .h6:hover,
.area-box .h5:hover,
.area-box .h4:hover,
.area-box .h3:hover {
}
.area-box .h6:hover,
.area-box .h5:hover,
.area-box .h4:hover,
.area-box .h3:hover {
color: var(--q-color-primary);
}
.area-box .to-end {
}
.area-box .to-end {
align-items: flex-end;
}
.chosen-box {
}
.chosen-box {
padding: 15px;
min-height: 30vh;
}
.chosen-box .title {
}
.chosen-box .title {
font-size: 20px;
font-weight: 600;
color: #111;
margin-bottom: 5px;
}
.chosen-box .split-word{
font-size:15px;
color:#333;
line-height:56px;
}
}
.chosen-box .split-word {
font-size: 15px;
color: #333;
line-height: 56px;
}
</style>
src/components/search_b/search_b3.vue
View file @ cb30b862
<template>
<!--搜索区块（Banner）-无轮播（大）-->
<div>
<div
class="banner-style6 desktop-only"
:style="{backgroundImage:`url('${swipers[0].pic_url}')`}"
@click="clickSlideHandler(swipers[0].path)"
></div>
<div
class="banner-style6 mobile-only"
:style="{paddingBottom:'80%',backgroundImage:`url('${swipers[0].pic_url}')`}"
@click="clickSlideHandler(swipers[0].path)"
></div>
<div class="banner-style6 desktop-only" :style="{backgroundImage:`url('${plugData.Details[0].ImageUrl}')`}"
@click="clickSlideHandler(plugData.Details[0].LinkUrl)"></div>
<div class="banner-style6 mobile-only"
:style="{paddingBottom:'80%',backgroundImage:`url('${plugData.Details[0].ImageUrl}')`}"
@click="clickSlideHandler(plugData.Details[0].LinkUrl)"></div>
</div>
</template>
<script>
import popup from "../props/index";
export default {
//搜索区块（Banner）-无轮播（大）
import popup from "../props/index";
export default {
props: ["plugData"],
components: {
popup
},
data() {
return {
slide: 0,
swipers: [
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500796_rsz.jpg",
path:
"https://yvonne.tripsaas.com/tour/detail/LIFE-TSN0514BRT01?type=c&group_code=TSN05BR9D01A"
}
]
};
},
mounted() {
......@@ -39,21 +28,22 @@ export default {
methods: {
clickSlideHandler(url) {
if (url && url.length > 1) {
location.href = url;
this.OpenNewUrl(url);
}
}
}
};
};
</script>
<style>
.banner-style6 {
.banner-style6 {
margin-top: -60px;
width: 100%;
background-color: #f1f1f1;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom:30%;
}
padding-bottom: 30%;
}
</style>
src/components/search_b/search_b4.vue
View file @ cb30b862
<template>
<!--搜索区块（Banner）-无轮播（中）-->
<div>
<div
class="banner-style6 desktop-only"
:style="{backgroundImage:`url('${swipers[0].pic_url}')`}"
@click="clickSlideHandler(swipers[0].path)"
></div>
<div
class="banner-style6 mobile-only"
:style="{paddingBottom:'80%',backgroundImage:`url('${swipers[0].pic_url}')`}"
@click="clickSlideHandler(swipers[0].path)"
></div>
<div class="banner-style6 desktop-only" :style="{backgroundImage:`url('${plugData.Details[0].ImageUrl}')`}"
@click="clickSlideHandler(plugData.Details[0].LinkUrl)"></div>
<div class="banner-style6 mobile-only"
:style="{paddingBottom:'80%',backgroundImage:`url('${plugData.Details[0].ImageUrl}')`}"
@click="clickSlideHandler(plugData.Details[0].LinkUrl)"></div>
</div>
</template>
<script>
import popup from "../props/index";
export default {
//搜索区块（Banner）-无轮播（中）
import popup from "../props/index";
export default {
props: ["plugData"],
components: {
popup
},
data() {
return {
slide: 0,
swipers: [
{
pic_url:
"https://de0s2vtm6rzpn.cloudfront.net/b2b/event_block/9841/search6/9841search61583500796_rsz.jpg",
path:
"https://yvonne.tripsaas.com/tour/detail/LIFE-TSN0514BRT01?type=c&group_code=TSN05BR9D01A"
}
]
};
},
mounted() {
......@@ -39,21 +28,23 @@ export default {
methods: {
clickSlideHandler(url) {
if (url && url.length > 1) {
location.href = url;
this.OpenNewUrl(url);
}
}
}
};
};
</script>
<style>
.banner-style6 {
.banner-style6 {
margin-top: -60px;
width: 100%;
background-color: #f1f1f1;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom:25%;
}
padding-bottom: 25%;
}
</style>
src/pages/About.vue
View file @ cb30b862
......@@ -61,6 +61,25 @@
:plugData="item.plugData"></ilinkLeft>
<ilinkRight v-if="(item.Id=='white_label_link_picture'||item.Id=='b2b_LinkPicture')&&item.plugData.Type==2"
:plugData="item.plugData"></ilinkRight>
<!--自訂版型(輪播圖)white_label_slider-->
<sliderBig v-if="item.Id=='white_label_slider'&&item.plugData.Type==1" :plugData="item.plugData"></sliderBig>
<sliderSmall v-if="item.Id=='white_label_slider'&&item.plugData.Type==2" :plugData="item.plugData">
</sliderSmall>
<!--出团表-->
<!--挑选自有行程(图片)b2b -->
<diyImgOne v-if="item.Id=='b2b'&&item.plugData.Type==1" :plugData="item.plugData"></diyImgOne>
<diyImgTwo v-if="item.Id=='b2b'&&item.plugData.Type==2" :plugData="item.plugData"></diyImgTwo>
<diyImgFour v-if="item.Id=='b2b'&&item.plugData.Type==3" :plugData="item.plugData"></diyImgFour>
<diyImgSix v-if="item.Id=='b2b'&&item.plugData.Type==4" :plugData="item.plugData"></diyImgSix>
<!--搜尋區塊(Banner)search_b -->
<searchb1 v-if="item.Id=='search_b'&&item.plugData.Type==1" :plugData="item.plugData"></searchb1>
<searchb2 v-if="item.Id=='search_b'&&item.plugData.Type==2" :plugData="item.plugData"></searchb2>
<searchb3 v-if="item.Id=='search_b'&&item.plugData.Type==3" :plugData="item.plugData"></searchb3>
<searchb4 v-if="item.Id=='search_b'&&item.plugData.Type==4" :plugData="item.plugData"></searchb4>
</div>
</template>
......
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