Skip to content

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

页面修改

parent fecbc589
Hide whitespace changes
Inline Side-by-side
Showing with 577 additions and 379 deletions
src/components/label_paragraph_title/paragraph-after.vue
View file @ 8f207d0d
......@@ -2,89 +2,98 @@
<div class="q-mt-lg">
<section class="about9">
<div class="about-img">
<div
class="img"
style="background-image: url('https://yvonne.tripsaas.com/protected/img/white_label_front/default_img/default_about3.jpg');"
></div>
<div class="img" :style="{backgroundImage:`url('${plugData.ImageUrl1}')`}"></div>
</div>
<div class="about-main">
<div class="about-inner">
<h2 class="about-title">段落標題 - 圖後</h2>
<div class="about-sub-title">劉愷琦</div>
<div
class="about-content"
>畢業於舊金山大學運動休閒管理系，擁有十年以上旅遊相關經歷，不僅年紀輕輕就成立自己的旅遊體驗公司，並出版多本旅遊相關書籍，不時舉辦各面向旅遊商務講座及課程，期盼能藉由旅遊幫助人們打破日常框架，體驗各種自然人文，拓展生活視野新思路。</div>
<!--段落標題 - 圖後-->
<h2 class="about-title">{{plugData.Title}}</h2>
<div class="about-sub-title">{{plugData.SubTitle1}}</div>
<div class="about-content">{{plugData.Describe1}}
</div>
</div>
</div>
</section>
</div>
</template>
<script>
export default {};
export default {
props: ["plugData"]
};
</script>
<style>
.about9 {
padding: 20px 0;
display: flex;
margin: 0 auto;
width: 100%;
max-width: 1200px;
}
.about9 > * {
flex: 1;
}
.about9 .about-img .img {
width: 110%;
background-size: cover;
padding-bottom: 70%;
background-position: center;
}
.about9 .about-inner {
padding: 50px;
background-color: #fff;
transform: translate(-40px, 40px);
}
.about9 .about-inner .about-title {
font-size: 25px;
margin: 0;
padding: 0;
margin-bottom: 20px;
padding-bottom: 10px;
line-height: unset;
font-weight: 600;
border-bottom: 2px solid #eee;
}
.about9 .about-inner .about-sub-title {
font-size: 19px;
margin-bottom: 5px;
margin: 0;
padding: 0;
line-height: unset;
font-weight: 600;
}
body.large .about9 .about-inner .about-content {
font-size: 16px;
color: #666;
line-height: 1.8;
}
@media only screen and (max-width: 800px) {
.about9 {
padding: 20px !important;
padding: 20px 0;
display: flex;
margin: 0 auto;
width: 100%;
max-width: 1200px;
}
}
@media only screen and (max-width: 1200px) {
.about9 {
display: block !important;
max-width: 768px !important;
.about9>* {
flex: 1;
}
.about9 .about-img .img {
width: 100% !important;
width: 110%;
background-size: cover;
padding-bottom: 70%;
background-position: center;
}
.about9 .about-inner {
transform: translate(0) !important;
padding: 50px;
background-color: #fff;
transform: translate(-40px, 40px);
}
.about9 .about-inner .about-title {
font-size: 25px;
margin: 0;
padding: 0;
margin-bottom: 20px;
padding-bottom: 10px;
line-height: unset;
font-weight: 600;
border-bottom: 2px solid #eee;
}
.about9 .about-inner .about-sub-title {
font-size: 19px;
margin-bottom: 5px;
margin: 0;
padding: 0;
line-height: unset;
font-weight: 600;
}
body.large .about9 .about-inner .about-content {
font-size: 16px;
color: #666;
line-height: 1.8;
}
@media only screen and (max-width: 800px) {
.about9 {
padding: 20px !important;
}
}
}
</style>
\ No newline at end of file
@media only screen and (max-width: 1200px) {
.about9 {
display: block !important;
max-width: 768px !important;
}
.about9 .about-img .img {
width: 100% !important;
}
.about9 .about-inner {
transform: translate(0) !important;
}
}
</style>
src/components/label_paragraph_title/paragraph-left.vue
View file @ 8f207d0d
<template>
<div class="q-mt-lg">
<section class="about7 section-block">
<div
class="pd-img"
style="background-image: url('https://yvonne.tripsaas.com/protected/img/white_label_front/default_img/default_about1.jpg');"
></div>
<div
class="pd-img"
style="background-image: url('https://yvonne.tripsaas.com/protected/img/white_label_front/default_img/default_about2.jpg');"
></div>
<div class="pd-img" :style="{backgroundImage:`url('${plugData.ImageUrl1}')`}">
</div>
<div class="pd-img" :style="{backgroundImage:`url('${plugData.ImageUrl2}')`}">
</div>
<div class="pd-content">
<h2 class="block-title">段落標題 - 圖左</h2>
<p
class="title-teaser"
>創立於2018年。主要業務包括國內外旅遊、飯店、機票、商務旅遊等全方位服務。合作飯店覆蓋全球200個國家，並與超過一百萬間酒店緊密合作。我們擁有先進的交易服務平台，包括行動裝置瀏覽模式，目前有超過60%以上的訂單是從手機預訂，讓您隨時隨地輕鬆預定行程。我們致力於讓旅遊變得容易，專業行程企劃為您掌握最新景點、最佳行程！</p>
<!--段落標題 - 圖左-->
<h2 class="block-title">{{plugData.Title}}</h2>
<p class="title-teaser">
{{plugData.Describe}}
</p>
</div>
</section>
</div>
</template>
<script>
export default {};
export default {
props: ["plugData"]
};
</script>
<style>
.about7 {
display: flex;
flex-wrap: wrap;
padding: 20px 0;
}
.about7 .pd-img {
background-size: cover;
background-position: center;
}
.about7 > * {
display: block;
margin-right: 40px;
flex-basis: calc(33.333% - 27px);
}
.about7 > ::before {
content: "";
float: left;
padding-top: 100%;
}
.about7 > :nth-child(3n) {
margin-right: 0;
}
.about7 .pd-content .block-title {
font-size: 33px;
margin-bottom: 20px;
margin: 0;
padding: 0;
line-height: unset;
font-weight: 600;
}
.about7 .pd-content .title-teaser {
margin-bottom: 10px;
font-size: 16px;
color: #999;
}
@media only screen and (max-width: 800px) {
.about7 {
padding: 20px !important;
display: flex;
flex-wrap: wrap;
padding: 20px 0;
}
.about7 .pd-img {
background-size: cover;
background-position: center;
}
.about7>* {
display: block;
margin-right: 40px;
flex-basis: calc(33.333% - 27px);
}
.about7> ::before {
content: "";
float: left;
padding-top: 100%;
}
.about7> :nth-child(3n) {
margin-right: 0;
}
.about7 .pd-content .block-title {
font-size: 33px;
margin-bottom: 20px;
margin: 0;
padding: 0;
line-height: unset;
font-weight: 600;
}
.about7 .pd-content .title-teaser {
margin-bottom: 10px;
font-size: 16px;
color: #999;
}
}
@media only screen and (max-width: 1200px) {
.about7 > * {
margin-right: 20px !important;
flex-basis: calc(50% - 10px) !important;
margin-bottom: 30px !important;
@media only screen and (max-width: 800px) {
.about7 {
padding: 20px !important;
}
}
.about7 .pd-content {
margin-bottom: 0 !important;
margin-right: 0 !important;
flex-basis: 100% !important;
@media only screen and (max-width: 1200px) {
.about7>* {
margin-right: 20px !important;
flex-basis: calc(50% - 10px) !important;
margin-bottom: 30px !important;
}
.about7 .pd-content {
margin-bottom: 0 !important;
margin-right: 0 !important;
flex-basis: 100% !important;
}
.about7>:nth-child(even) {
margin-right: 0 !important;
}
}
.about7>:nth-child(even) {
margin-right: 0 !important;
}
}
</style>
\ No newline at end of file
</style>
src/components/label_paragraph_title/paragraph-right.vue
View file @ 8f207d0d
......@@ -2,78 +2,86 @@
<div class="q-mt-lg">
<section class="about8 section-block">
<div class="pd-content">
<h2 class="block-title">段落標題 - 圖右</h2>
<p
class="title-teaser"
>創立於2018年。主要業務包括國內外旅遊、飯店、機票、商務旅遊等全方位服務。合作飯店覆蓋全球200個國家，並與超過一百萬間酒店緊密合作。我們擁有先進的交易服務平台，包括行動裝置瀏覽模式，目前有超過60%以上的訂單是從手機預訂，讓您隨時隨地輕鬆預定行程。我們致力於讓旅遊變得容易，專業行程企劃為您掌握最新景點、最佳行程！</p>
<!--段落標題 - 圖右-->
<h2 class="block-title">
{{plugData.Title}}
</h2>
<p class="title-teaser"> {{plugData.Describe}}</p>
</div>
<div
class="pd-img"
style="background-image: url('https://yvonne.tripsaas.com/protected/img/white_label_front/default_img/default_about1.jpg');"
></div>
<div
class="pd-img"
style="background-image: url('https://yvonne.tripsaas.com/protected/img/white_label_front/default_img/default_about2.jpg');"
></div>
<div class="pd-img" :style="{backgroundImage:`url('${plugData.ImageUrl1}')`}"></div>
<div class="pd-img" :style="{backgroundImage:`url('${plugData.ImageUrl2}')`}"></div>
</section>
</div>
</template>
<script>
export default {};
export default {
props: ["plugData"]
};
</script>
<style>
.about8 {
display: flex;
flex-wrap: wrap;
padding: 20px 0;
}
.about8 .pd-img {
background-size: cover;
background-position: center;
}
.about8 > * {
display: block;
margin-right: 40px;
flex-basis: calc(33.333% - 27px);
}
.about8 .pd-img::before {
.about8 {
display: flex;
flex-wrap: wrap;
padding: 20px 0;
}
.about8 .pd-img {
background-size: cover;
background-position: center;
}
.about8>* {
display: block;
margin-right: 40px;
flex-basis: calc(33.333% - 27px);
}
.about8 .pd-img::before {
content: '';
float: left;
padding-top: 100%;
}
.about8 > :nth-child(3n) {
margin-right: 0 !important;
}
.about8 .pd-content .block-title {
font-size: 33px;
margin-bottom: 20px;
margin: 0;
padding: 0;
line-height: unset;
font-weight: 600;
}
.about8 .pd-content .title-teaser {
margin-bottom: 10px;
font-size: 16px;
color: #999;
}
@media only screen and (max-width: 800px) {
.about8 {
padding: 20px !important;
}
}
@media only screen and (max-width: 1200px) {
.about8 .pd-content {
margin-bottom: 30px !important;
.about8> :nth-child(3n) {
margin-right: 0 !important;
flex-basis: 100% !important;
}
.about8 > * {
margin-right: 20px !important;
flex-basis: calc(50% - 10px) !important;
margin-bottom: 20px !important;
.about8 .pd-content .block-title {
font-size: 33px;
margin-bottom: 20px;
margin: 0;
padding: 0;
line-height: unset;
font-weight: 600;
}
.about8 .pd-content .title-teaser {
margin-bottom: 10px;
font-size: 16px;
color: #999;
}
@media only screen and (max-width: 800px) {
.about8 {
padding: 20px !important;
}
}
}
</style>
\ No newline at end of file
@media only screen and (max-width: 1200px) {
.about8 .pd-content {
margin-bottom: 30px !important;
margin-right: 0 !important;
flex-basis: 100% !important;
}
.about8>* {
margin-right: 20px !important;
flex-basis: calc(50% - 10px) !important;
margin-bottom: 20px !important;
}
}
</style>
src/components/label_paragraph_title/paragraph1.vue
View file @ 8f207d0d
<template>
<div class="q-mt-lg">
<section class="section-block about6">
<h2 class="about-title">段落標題 - 1x1</h2>
<!--段落標題 - 1x1-->
<h2 class="about-title">{{plugData.Title}}</h2>
<ul class="about-list">
<li class="list-item">
<div
class="content"
>創立於2018年。主要業務包括國內外旅遊、飯店、機票、商務旅遊等全方位服務。合作飯店覆蓋全球200個國家，並與超過一百萬間酒店緊密合作。我們擁有先進的交易服務平台，包括行動裝置瀏覽模式，目前有超過60%以上的訂單是從手機預訂，讓您隨時隨地輕鬆預定行程。我們致力於讓旅遊變得容易，專業行程企劃為您掌握最新景點、最佳行程！</div>
<div class="content">
{{plugData.Describe}}
</div>
</li>
</ul>
</section>
......@@ -14,59 +15,72 @@
</template>
<script>
export default {};
export default {
props: ["plugData"]
};
</script>
<style>
.about6 {
margin: 0 auto;
padding: 20px 0;
}
.about6 .about-title {
margin: 0;
padding: 0;
margin-bottom: 20px;
font-size: 25px;
font-weight: 600;
line-height: unset;
}
.about6 .about-list {
display: flex;
list-style: none;
margin: 0;
padding: 0;
}
.about6 .about-list .list-item:nth-child(odd) {
margin-right: 50px;
}
.about6 .about-list .list-item {
margin: 0;
padding: 0;
list-style: none;
padding-top: 15px;
flex: 1;
border-top: 3px solid #eee;
}
.about6 .about-list .list-item .content {
font-size: 16px;
line-height: 1.8;
color: #666;
}
@media only screen and (max-width: 800px) {
.about6 {
padding: 20px;
margin: 0 auto;
padding: 20px 0;
}
.about6 .about-title {
margin: 0;
padding: 0;
margin-bottom: 20px;
font-size: 25px;
font-weight: 600;
line-height: unset;
}
}
@media only screen and (max-width: 768px) {
.about6 .about-list {
display: block !important;
display: flex;
list-style: none;
margin: 0;
padding: 0;
}
.about6 .about-list .list-item:nth-child(odd) {
margin-right: 0 !important;
margin-right: 50px;
}
.about6 .about-list .list-item {
margin-bottom: 30px !important;
margin: 0;
padding: 0;
list-style: none;
padding-top: 15px;
flex: 1;
border-top: 3px solid #eee;
}
}
</style>
\ No newline at end of file
.about6 .about-list .list-item .content {
font-size: 16px;
line-height: 1.8;
color: #666;
}
@media only screen and (max-width: 800px) {
.about6 {
padding: 20px;
}
}
@media only screen and (max-width: 768px) {
.about6 .about-list {
display: block !important;
}
.about6 .about-list .list-item:nth-child(odd) {
margin-right: 0 !important;
}
.about6 .about-list .list-item {
margin-bottom: 30px !important;
}
}
</style>
src/components/label_paragraph_title/paragraph2.vue
View file @ 8f207d0d
<template>
<div class="q-mt-lg">
<section class="section-block about4">
<h2 class="about-title">段落標題 - 2x1</h2>
<!--段落標題 - 2x1-->
<h2 class="about-title">{{plugData.Title}}</h2>
<ul class="about-list">
<li class="list-item">
<h3 class="about-list-title">國外旅遊</h3>
<div
class="content"
>我們提供各國在地導遊精心設計的行程，不論是蜜月、家庭、親子還是企業旅遊，我們都有貼心適合您的行程，且不定時推出季節限定的秘密景點，讓您輕鬆遨遊世界各地。</div>
<h3 class="about-list-title">{{plugData.SubTitle1}}</h3>
<div class="content">
{{plugData.Describe1}}
</div>
</li>
<li class="list-item">
<h3 class="about-list-title">國內旅遊</h3>
<div
class="content"
>精心安排多樣化的不論是國內行程，團體旅遊、環島遊、自由行、高鐵鐵路旅遊或租車遊，或是外島秘境，或是超高評價的主題旅遊如苗栗草莓季、賞櫻團、綠島溫泉、澎湖花火節，我們都提供最舒適驚喜的旅遊方式輕鬆玩遍台灣。</div>
<h3 class="about-list-title">{{plugData.SubTitle2}}</h3>
<div class="content">
{{plugData.Describe2 }}
</div>
</li>
</ul>
</section>
......@@ -21,67 +22,81 @@
</template>
<script>
export default {};
export default {
props: ["plugData"]
};
</script>
<style>
.about4 {
margin: 0 auto;
padding: 20px 0;
}
.about4 .about-title {
margin: 0;
padding: 0;
margin-bottom: 20px;
font-size: 25px;
font-weight: 600;
line-height: unset;
}
.about4 .about-list {
display: flex;
list-style: none;
margin: 0;
padding: 0;
}
.about4 .about-list .list-item:nth-child(odd) {
margin-right: 50px;
}
.about4 .about-list .list-item {
margin: 0;
padding: 0;
list-style: none;
padding-top: 15px;
flex: 1;
border-top: 3px solid #eee;
}
.about4 .about-list .list-item .content {
font-size: 16px;
line-height: 1.8;
color: #666;
}
.about4 .about-list .list-item .about-list-title {
margin: 0;
padding: 0;
font-size: 24px;
margin-bottom: 15px;
font-weight: 600;
line-height: unset;
}
@media only screen and (max-width: 800px) {
.about4 {
padding: 20px;
margin: 0 auto;
padding: 20px 0;
}
.about4 .about-title {
margin: 0;
padding: 0;
margin-bottom: 20px;
font-size: 25px;
font-weight: 600;
line-height: unset;
}
}
@media only screen and (max-width: 768px) {
.about4 .about-list {
display: block !important;
display: flex;
list-style: none;
margin: 0;
padding: 0;
}
.about4 .about-list .list-item:nth-child(odd) {
margin-right: 0 !important;
margin-right: 50px;
}
.about4 .about-list .list-item {
margin-bottom: 30px !important;
margin: 0;
padding: 0;
list-style: none;
padding-top: 15px;
flex: 1;
border-top: 3px solid #eee;
}
.about4 .about-list .list-item .content {
font-size: 16px;
line-height: 1.8;
color: #666;
}
}
</style>
\ No newline at end of file
.about4 .about-list .list-item .about-list-title {
margin: 0;
padding: 0;
font-size: 24px;
margin-bottom: 15px;
font-weight: 600;
line-height: unset;
}
@media only screen and (max-width: 800px) {
.about4 {
padding: 20px;
}
}
@media only screen and (max-width: 768px) {
.about4 .about-list {
display: block !important;
}
.about4 .about-list .list-item:nth-child(odd) {
margin-right: 0 !important;
}
.about4 .about-list .list-item {
margin-bottom: 30px !important;
}
}
</style>
src/components/label_paragraph_title/paragraph3.vue
View file @ 8f207d0d
<template>
<div class="q-mt-lg">
<section class="section-block about5">
<h2 class="about-title">段落標題 - 2x2</h2>
<!--段落標題 - 2x2-->
<h2 class="about-title"> {{plugData.Title}}</h2>
<ul class="about-list">
<li class="list-item">
<h3 class="about-list-title">國外旅遊</h3>
<div
class="content"
>我們提供各國在地導遊精心設計的行程，不論是蜜月、家庭、親子還是企業旅遊，我們都有貼心適合您的行程，且不定時推出季節限定的秘密景點，讓您輕鬆遨遊世界各地。</div>
<h3 class="about-list-title">{{plugData.SubTitle1}}</h3>
<div class="content">{{plugData.Describe1}}</div>
</li>
<li class="list-item">
<h3 class="about-list-title">國內旅遊</h3>
<div
class="content"
>精心安排多樣化的不論是國內行程，團體旅遊、環島遊、自由行、高鐵鐵路旅遊或租車遊，或是外島秘境，或是超高評價的主題旅遊如苗栗草莓季、賞櫻團、綠島溫泉、澎湖花火節，我們都提供最舒適驚喜的旅遊方式輕鬆玩遍台灣。</div>
<h3 class="about-list-title">{{plugData.SubTitle2}}</h3>
<div class="content">
{{plugData.Describe2}}</div>
</li>
<li class="list-item">
<h3 class="about-list-title">機票</h3>
<div class="content">提供各大航空公司國際機票訂位，20萬條航線、5000個機場機票查詢預訂服務，讓您快速搞定機位，規劃夢想旅途不再煩惱！</div>
<h3 class="about-list-title">{{plugData.SubTitle3}}</h3>
<div class="content">{{plugData.Describe3}}</div>
</li>
<li class="list-item">
<h3 class="about-list-title">票券</h3>
<div
class="content"
>一次解決各種交通票券、美食餐券、泡湯券、季節主題票券、住宿券、滑雪體驗、主題樂園門票、Wifi上網、一日遊、多日遊票券，更不定期有特惠組合套票，輕鬆搭配免排隊！</div>
<h3 class="about-list-title">{{plugData.SubTitle4}}</h3>
<div class="content">{{plugData.Describe4}}</div>
</li>
</ul>
</section>
......@@ -31,69 +27,83 @@
</template>
<script>
export default {};
export default {
props: ["plugData"]
};
</script>
<style>
.about5 {
margin: 0 auto;
padding: 20px 0;
}
.about5 .about-title {
margin: 0;
padding: 0;
margin-bottom: 20px;
font-size: 25px;
font-weight: 600;
line-height: unset;
}
.about5 .about-list {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}
.about5 .about-list .list-item:nth-child(odd) {
margin-right: 50px;
}
.about5 .about-list .list-item {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 40px;
padding-top: 15px;
width: calc(50% - 25px);
border-top: 3px solid #eee;
}
.about5 .about-list .list-item .content {
font-size: 16px;
line-height: 1.8;
color: #666;
}
.about5 .about-list .list-item .about-list-title {
margin: 0;
padding: 0;
font-size: 24px;
margin-bottom: 15px;
font-weight: 600;
line-height: unset;
}
@media only screen and (max-width: 800px) {
.about5 {
padding: 20px 20px 0 !important;
margin: 0 auto;
padding: 20px 0;
}
.about5 .about-title {
margin: 0;
padding: 0;
margin-bottom: 20px;
font-size: 25px;
font-weight: 600;
line-height: unset;
}
}
@media only screen and (max-width: 768px) {
.about5 .about-list {
display: block !important;
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}
.about5 .about-list .list-item:nth-child(odd) {
margin-right: 0 !important;
margin-right: 50px;
}
.about5 .about-list .list-item {
width: 100% !important;
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 40px;
padding-top: 15px;
width: calc(50% - 25px);
border-top: 3px solid #eee;
}
.about5 .about-list .list-item .content {
font-size: 16px;
line-height: 1.8;
color: #666;
}
}
</style>
\ No newline at end of file
.about5 .about-list .list-item .about-list-title {
margin: 0;
padding: 0;
font-size: 24px;
margin-bottom: 15px;
font-weight: 600;
line-height: unset;
}
@media only screen and (max-width: 800px) {
.about5 {
padding: 20px 20px 0 !important;
}
}
@media only screen and (max-width: 768px) {
.about5 .about-list {
display: block !important;
}
.about5 .about-list .list-item:nth-child(odd) {
margin-right: 0 !important;
}
.about5 .about-list .list-item {
width: 100% !important;
}
}
</style>
src/pages/About.vue
View file @ 8f207d0d
<template>
<q-page>
<div>
{{AboutData}}
{{AboutData[AboutData.length-1]}}
</div>
<template v-for="(item,index) in AboutData">
<!-- <about1 v-if="item.Id=='white_label_paragraph_title'&&item.plugData. "></about1>
<about2></about2>
<about3></about3> -->
</template>
<!--自訂版型(段落標題)-->
<paragraph1 v-if="item.Id=='white_label_paragraph_title'&&item.plugData.Type==1" :plugData="item.plugData">
</paragraph1>
<paragraph2 v-if="item.Id=='white_label_paragraph_title'&&item.plugData.Type==2" :plugData="item.plugData">
</paragraph2>
<paragraph3 v-if="item.Id=='white_label_paragraph_title'&&item.plugData.Type==3" :plugData="item.plugData">
</paragraph3>
<paragraphleft v-if="item.Id=='white_label_paragraph_title'&&item.plugData.Type==4" :plugData="item.plugData">
</paragraphleft>
<paragraphright v-if="item.Id=='white_label_paragraph_title'&&item.plugData.Type==5" :plugData="item.plugData">
</paragraphright>
<paragraphafter v-if="item.Id=='white_label_paragraph_title'&&item.plugData.Type==6" :plugData="item.plugData">
</paragraphafter>
</template>
</q-page>
</template>
<script>
//搜尋區塊(輪播橫)search_s -Start
import searchs1 from "../components/search_s/search_s1";
import searchs2 from "../components/search_s/search_s2";
import searchs3 from "../components/search_s/search_s3";
//搜尋區塊(輪播橫)search_s -End
//搜尋區塊(Banner)search_b -Start
import searchb1 from "../components/search_b/search_b1";
import searchb2 from "../components/search_b/search_b2";
import searchb3 from "../components/search_b/search_b3";
import searchb4 from "../components/search_b/search_b4";
//搜尋區塊(Banner)search_b -End
//搜尋區塊(輪播淡出)search_sf -Start
import searchsf1 from "../components/search_sf/search_sf1";
import searchsf2 from "../components/search_sf/search_sf2";
import searchsf3 from "../components/search_sf/search_sf3";
//搜尋區塊(輪播淡出)search_sf -End
//搜尋區塊(其他)search_el -Start
import searchel1 from "../components/search_el/search_el1";
//搜尋區塊(其他)search_el -End
//自訂版型(影片)white_label_video -Start
import videoOne from "../components/label_video/video-one";
import videoTwo from "../components/label_video/video-two";
//自訂版型(影片)white_label_video -End
//自訂版型(圖片)和挑選自有行程(圖片) white_label_picture和b2b -Start
import diyImgOne from "../components/label_picture/diy-img-one";
import diyImgTwo from "../components/label_picture/diy-img-two";
import diyImgThree from "../components/label_picture/diy-img-three";
import diyImgFour from "../components/label_picture/diy-img-four";
import diyImgFive from "../components/label_picture/diy-img-five";
import diyImgSix from "../components/label_picture/diy-img-six";
//自訂版型(圖片)和挑選自有行程(圖片) white_label_picture和b2b -End
//自訂版型(QRcode)white_label_qrcode -Start
import qrLeft from "../components/label_qrcode/left";
import qrRight from "../components/label_qrcode/right";
//自訂版型(QRcode)white_label_qrcode -End
//自訂版型(背景圖)white_label_background_article -Start
import bgArticleLeft from "../components/label_background_article/left";
import bgArticleRight from "../components/label_background_article/right";
import bgArticleCenter from "../components/label_background_article/center";
//自訂版型(背景圖)white_label_background_article -ENd
//自訂版型(段落標題)white_label_paragraph_title -Start
import paragraph1 from "../components/label_paragraph_title/paragraph1";
import paragraph2 from "../components/label_paragraph_title/paragraph2";
import paragraph3 from "../components/label_paragraph_title/paragraph3";
import paragraphleft from "../components/label_paragraph_title/paragraph-left";
import paragraphright from "../components/label_paragraph_title/paragraph-right";
import paragraphafter from "../components/label_paragraph_title/paragraph-after";
//自訂版型(段落標題)white_label_paragraph_title -End
//自訂版型(段落連結)和挑選自有行程(段落連結)white_label_link_paragraph和b2b_LinkP -Start
import plinkLeft from "../components/label_link_paragraph/left";
import plinkRight from "../components/label_link_paragraph/right";
//自訂版型(段落連結)和挑選自有行程(段落連結)white_label_link_paragraph和b2b_LinkP -End
//自訂版型(圖片連結)和挑選自有行程(圖片連結)white_label_link_picture和b2b_LinkPicture -Start
import ilinkLeft from "../components/label_link_picture/left";
import ilinkRight from "../components/label_link_picture/right";
//自訂版型(圖片連結)和挑選自有行程(圖片連結)white_label_link_picture和b2b_LinkPicture -End
//自訂版型(輪播圖)white_label_slider -Start
import sliderBig from "../components/label_slider/big";
import sliderSmall from "../components/label_slider/small";
//自訂版型(輪播圖)white_label_slider -End
//自訂版型(其他)white_label_other-Start
import empty from "../components/label_other/empty";
import downloadTable from "../components/label_other/downloadTable";
import diyTitle from "../components/label_other/diy-title";
import paragraph from "../components/label_other/paragraph";
import photo from "../components/label_other/photo";
import diyForm from "../components/label_other/diy-form";
//自訂版型(其他)white_label_other-End
export default {
name: "PageAbout",
components: {
searchs1,
searchs2,
searchs3,
searchb1,
searchb2,
searchb3,
searchb4,
searchsf1,
searchsf2,
searchsf3,
searchel1,
videoOne,
videoTwo,
diyImgOne,
diyImgTwo,
diyImgThree,
diyImgFour,
diyImgFive,
diyImgSix,
qrLeft,
qrRight,
bgArticleLeft,
bgArticleRight,
bgArticleCenter,
paragraph1,
paragraph2,
paragraph3,
paragraphleft,
paragraphright,
paragraphafter,
plinkLeft,
plinkRight,
ilinkLeft,
ilinkRight,
sliderBig,
sliderSmall,
empty,
downloadTable,
diyTitle,
paragraph,
photo,
diyForm
},
data() {
return {
......
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