Skip to content

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

页面修改

parent a9461cc4
Hide whitespace changes
Inline Side-by-side
Showing with 262 additions and 640 deletions
src/components/search_el/search_el1.vue
View file @ cb10135f
<template>
<div>
<div class="q-pa-md bg-grey-1">
<div
class="desktop-only"
style="max-width:1200px; margin:0 auto;width:100%;position: relative;"
>
<div class="desktop-only" style="max-width:1200px; margin:0 auto;width:100%;position: relative;">
<div class="row">
<div class="col-5" style="width:calc(41.6667% - 22px)">
<q-input
filled
id="search_key"
v-model="searchKey"
class="bg-grey-1"
:label="$t('search')"
@focus="searchFocusHandler"
@blur="searchBlurHandler"
@keyup="searchChangeHandler"
/>
<q-input filled id="search_key" v-model="searchKey" class="bg-grey-1" :label="$t('search')"
@focus="searchFocusHandler" @blur="searchBlurHandler" @keyup="searchChangeHandler" />
</div>
<div class="col-3">
<q-input
filled
v-model="searchDate"
:label="$t('search_date_begin')"
mask="date"
class="bg-grey-1"
>
<q-input filled v-model="searchDate" :label="$t('search_date_begin')" mask="date" class="bg-grey-1">
<template v-slot:append>
<q-icon name="event" class="cursor-pointer">
<q-popup-proxy ref="qDateProxy">
<q-date
mask="YYYY-MM-DD"
:title="$t('search_date_begin')"
subtitle="選擇"
v-model="searchDate"
@input="() => $refs.qDateProxy.hide()"
/>
<q-date mask="YYYY-MM-DD" :title="$t('search_date_begin')" subtitle="選擇" v-model="searchDate"
@input="() => $refs.qDateProxy.hide()" />
</q-popup-proxy>
</q-icon>
</template>
......@@ -43,61 +21,31 @@
</div>
<div class="bg-grey-3 q-pl-xs q-pr-xs" style="text-align:center;line-height:56px;">至</div>
<div class="col-3">
<q-input
filled
v-model="searchEndDate"
:label="$t('search_date_end')"
mask="date"
class="bg-grey-1"
>
<q-input filled v-model="searchEndDate" :label="$t('search_date_end')" mask="date" class="bg-grey-1">
<template v-slot:append>
<q-icon name="event" class="cursor-pointer">
<q-popup-proxy ref="qDateProxy">
<q-date
mask="YYYY-MM-DD"
:title="$t('search_date_end')"
subtitle="選擇"
v-model="searchEndDate"
@input="() => $refs.qDateProxy.hide()"
/>
<q-date mask="YYYY-MM-DD" :title="$t('search_date_end')" subtitle="選擇" v-model="searchEndDate"
@input="() => $refs.qDateProxy.hide()" />
</q-popup-proxy>
</q-icon>
</template>
</q-input>
</div>
<div class="col-1">
<q-btn
dark-percentage
color="primary"
unelevated
icon="search"
style="width: 100%;height:56px"
@click="goSearchHandler"
/>
<q-btn dark-percentage color="primary" unelevated icon="search" style="width: 100%;height:56px"
@click="goSearchHandler" />
</div>
</div>
<div
v-show="showSplitPannel"
id="sb"
transition-show="fade"
elevated
transition-hide="scale"
class="showbox row"
>
<div v-show="showSplitPannel" id="sb" transition-show="fade" elevated transition-hide="scale"
class="showbox row">
<div style="width:180px;">
<q-scroll-area :thumb-style="thumbStyle" :bar-style="barStyle" style="height: 100%;">
<q-list>
<q-item
v-for="(x, i) in areas"
:key="i"
clickable
v-ripple
:active="crtAreaIndex==i"
@click="clkAreaHandler(i)"
active-class="my-menu-link"
>
<q-item v-for="(x, i) in areas" :key="i" clickable v-ripple :active="crtAreaIndex==i"
@click="clkAreaHandler(i)" active-class="my-menu-link">
<q-item-section>
<q-item-label>{{ x.name }}</q-item-label>
<q-item-label>{{ x.Name }}</q-item-label>
</q-item-section>
</q-item>
</q-list>
......@@ -106,37 +54,30 @@
<q-separator vertical />
<div class="col q-pa-md">
<q-scroll-area :thumb-style="thumbStyle" :bar-style="barStyle" style="height: 100%;">
<div class="area-box" v-for="(x, i) in areas[crtAreaIndex].children" :key="i">
<div class="q-mb-md">
<div class="h3" @click="chosenAreaHandler(x.name)">{{x.name}}</div>
</div>
<div class="q-mb-sm row to-end" v-for="(y, yi) in x.children" :key="yi">
<div class="h4" @click="chosenAreaHandler(y.name)">{{y.name}}</div>
<div
class="h5"
@click="chosenAreaHandler(z.name)"
v-for="(z, zi) in y.children"
:key="zi"
>{{z.name}}</div>
<template v-if="areas[crtAreaIndex]&&areas[crtAreaIndex].SubList&&areas[crtAreaIndex].SubList.length>0">
<div class="area-box" v-for="(x, i) in areas[crtAreaIndex].SubList" :key="i">
<div class="q-mb-md">
<div class="h3" @click="chosenAreaHandler(x.Name)">{{x.Name}}</div>
</div>
<template v-if="x&&x.SubList && x.SubList.length>0">
<div class="q-mb-sm row to-end" v-for="(y, yi) in x.SubList" :key="yi">
<div class="h4" @click="chosenAreaHandler(y.Name)">{{y.Name}}</div>
<template v-if="y&&y.SubList&&y.SubList.length>0">
<div class="h5" @click="chosenAreaHandler(z.Name)" v-for="(z, zi) in y.SubList" :key="zi">
{{z.Name}}
</div>
</template>
</div>
</template>
<q-separator class="q-mt-md q-mb-md" color="grey-2" inset />
</div>
<q-separator class="q-mt-md q-mb-md" color="grey-2" inset />
</div>
</template>
</q-scroll-area>
</div>
</div>
<div
v-show="showCompPannel"
id="sp"
transition-show="fade"
elevated
transition-hide="scale"
class="showspbox row"
>
<q-scroll-area
:thumb-style="thumbStyle"
:bar-style="barStyle"
style="height: 100%;width:100%"
>
<div v-show="showCompPannel" id="sp" transition-show="fade" elevated transition-hide="scale"
class="showspbox row">
<q-scroll-area :thumb-style="thumbStyle" :bar-style="barStyle" style="height: 100%;width:100%">
<q-list class="area-box">
<q-item clickable v-ripple @click="chosenAreaHandler('日本')">
<q-item-section>
......@@ -209,15 +150,8 @@
</div>
</div>
<div class="mobile-only">
<q-input
filled
id="search_key"
v-model="searchKey"
class="bg-grey-1"
:label="$t('search')"
readonly="readonly"
@click="showPopupHandler"
>
<q-input filled id="search_key" v-model="searchKey" class="bg-grey-1" :label="$t('search')" readonly="readonly"
@click="showPopupHandler">
<template v-slot:append>
<q-icon name="search" />
</template>
......@@ -232,46 +166,33 @@
</q-tabs>
<div v-show="tab=='dest'">
<div class="q-mb-md">
<q-select filled v-model="chosenResult.fl" :options="areas" option-label="name" option-value="name" label="請選擇地區" />
<q-select filled v-model="chosenResult.fl" :options="areas" option-label="Name" option-value="Name"
label="請選擇地區" />
</div>
<div class="q-mb-md" v-if="chosenResult.fl.children">
<q-select filled v-model="chosenResult.sl" :options="chosenResult.fl.children" option-label="name" option-value="name" label="請選擇地區" />
<div class="q-mb-md" v-if="chosenResult.fl.SubList">
<q-select filled v-model="chosenResult.sl" :options="chosenResult.fl.SubList" option-label="Name"
option-value="Name" label="請選擇地區" />
</div>
<div class="q-mb-md" v-if="chosenResult.sl.children">
<q-select filled v-model="chosenResult.tl" :options="chosenResult.sl.children" option-label="name" option-value="name" label="請選擇地區" />
<div class="q-mb-md" v-if="chosenResult.sl.SubList">
<q-select filled v-model="chosenResult.tl" :options="chosenResult.sl.SubList" option-label="Name"
option-value="Name" label="請選擇地區" />
</div>
<div class="q-mb-md" v-if="chosenResult.tl.children">
<q-select filled v-model="chosenResult.ful" :options="chosenResult.tl.children" option-label="name" option-value="name" label="請選擇地區" />
<div class="q-mb-md" v-if="chosenResult.tl.SubList">
<q-select filled v-model="chosenResult.ful" :options="chosenResult.tl.SubList" option-label="Name"
option-value="Name" label="請選擇地區" />
</div>
</div>
<div v-show="tab=='kw'" class="q-mb-md">
<q-input
filled
id="search_key"
v-model="searchKey"
class="bg-grey-1"
:label="$t('search')"
/>
<q-input filled id="search_key" v-model="searchKey" class="bg-grey-1" :label="$t('search')" />
</div>
<div class="q-mb-md row">
<div class="col">
<q-input
filled
v-model="searchDate"
:label="$t('search_date_begin')"
mask="date"
class="bg-grey-1"
>
<q-input filled v-model="searchDate" :label="$t('search_date_begin')" mask="date" class="bg-grey-1">
<template v-slot:append>
<q-icon name="event" class="cursor-pointer">
<q-popup-proxy ref="qDateProxy">
<q-date
mask="YYYY-MM-DD"
:title="$t('search_date_begin')"
subtitle="選擇"
v-model="searchDate"
@input="() => $refs.qDateProxy.hide()"
/>
<q-date mask="YYYY-MM-DD" :title="$t('search_date_begin')" subtitle="選擇" v-model="searchDate"
@input="() => $refs.qDateProxy.hide()" />
</q-popup-proxy>
</q-icon>
</template>
......@@ -279,23 +200,12 @@
</div>
<div class="split-word bg-grey-3 q-pl-xs q-pr-xs">至</div>
<div class="col">
<q-input
filled
v-model="searchEndDate"
:label="$t('search_date_end')"
mask="date"
class="bg-grey-1"
>
<q-input filled v-model="searchEndDate" :label="$t('search_date_end')" mask="date" class="bg-grey-1">
<template v-slot:append>
<q-icon name="event" class="cursor-pointer">
<q-popup-proxy ref="qDateProxy">
<q-date
mask="YYYY-MM-DD"
:title="$t('search_date_begin')"
subtitle="選擇"
v-model="searchEndDate"
@input="() => $refs.qDateProxy.hide()"
/>
<q-date mask="YYYY-MM-DD" :title="$t('search_date_begin')" subtitle="選擇"
v-model="searchEndDate" @input="() => $refs.qDateProxy.hide()" />
</q-popup-proxy>
</q-icon>
</template>
......@@ -314,510 +224,219 @@
</template>
<script>
import popup from "../props/index";
export default {
//其他-搜索列
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: "/"
}
],
searchKey: "",
searchDate: "",
searchEndDate: "",
showSplitPannel: false,
showCompPannel: false,
thumbStyle: {
right: "4px",
borderRadius: "5px",
backgroundColor: "#027be3",
width: "5px",
opacity: 0.75
},
barStyle: {
right: "2px",
borderRadius: "9px",
backgroundColor: "#027be3",
width: "9px",
opacity: 0.2
},
areas: [
{
name: "東北亞",
children: [
{
name: "日本",
children: [
{
name: "關東",
children: [{ name: "東京" }, { name: "箱根" }]
},
{
name: "關西",
children: [
{ name: "大阪" },
{ name: "京都" },
{ name: "神戶" },
{ name: "奈良" }
]
},
{
name: "東北",
children: [
{ name: "青深" },
{ name: "秋田" },
{ name: "仙台" }
]
},
{
name: "中部、北陸",
children: [
{ name: "輕井澤" },
{ name: "新鴻" },
{ name: "立山黑部" },
{ name: "富山" },
{ name: "名古屋" }
]
},
{
name: "九州",
children: [
{ name: "福岡" },
{ name: "宮崎" },
{ name: "鹿兒島" }
]
},
{
name: "四國、中國",
children: [
{ name: "廣島" },
{ name: "鳥取" },
{ name: "岡山" }
]
},
{
name: "中部、北陸",
children: [
{ name: "輕井澤" },
{ name: "新鴻" },
{ name: "立山黑部" },
{ name: "富山" },
{ name: "名古屋" }
]
},
{
name: "北海道"
},
{
name: "琉球沖繩、石埂島"
}
]
},
{
name: "南韓",
children: [
{
name: "首爾"
},
{
name: "釜山"
},
{
name: "濟州島"
},
{
name: "江源道"
}
]
},
{
name: "蒙古"
},
{
name: "北韓"
}
]
import popup from "../props/index";
export default {
props: ["plugData"],
components: {
popup
},
data() {
return {
slide: 0,
searchKey: "",
searchDate: "",
searchEndDate: "",
showSplitPannel: false,
showCompPannel: false,
thumbStyle: {
right: "4px",
borderRadius: "5px",
backgroundColor: "#027be3",
width: "5px",
opacity: 0.75
},
{
name: "東南亞",
children: [
{
name: "泰國",
children: [
{
name: "曼谷"
},
{
name: "大城"
},
{
name: "華欣"
},
{
name: "清邁"
},
{
name: "巴達雅"
},
{
name: "蘇梅島"
},
{
name: "普吉島"
}
]
},
{
name: "馬來西亞",
children: [
{
name: "吉隆坡"
},
{
name: "檳城"
},
{
name: "蘭卡威"
},
{
name: "柔佛"
},
{
name: "馬六甲"
},
{
name: "沙巴"
}
]
},
{
name: "菲律賓"
},
{
name: "印尼"
},
{
name: "中南半島",
children: [
{
name: "越南"
},
{
name: "柬埔寨"
}
]
}
]
barStyle: {
right: "2px",
borderRadius: "9px",
backgroundColor: "#027be3",
width: "9px",
opacity: 0.2
},
{
name: "東北亞",
children: [
{
name: "日本",
children: [
{
name: "關東",
children: [{ name: "東京" }, { name: "箱根" }]
},
{
name: "關西",
children: [
{ name: "大阪" },
{ name: "京都" },
{ name: "神戶" },
{ name: "奈良" }
]
},
{
name: "東北",
children: [
{ name: "青深" },
{ name: "秋田" },
{ name: "仙台" }
]
},
{
name: "中部、北陸",
children: [
{ name: "輕井澤" },
{ name: "新鴻" },
{ name: "立山黑部" },
{ name: "富山" },
{ name: "名古屋" }
]
},
{
name: "九州",
children: [
{ name: "福岡" },
{ name: "宮崎" },
{ name: "鹿兒島" }
]
},
{
name: "四國、中國",
children: [
{ name: "廣島" },
{ name: "鳥取" },
{ name: "岡山" }
]
},
{
name: "中部、北陸",
children: [
{ name: "輕井澤" },
{ name: "新鴻" },
{ name: "立山黑部" },
{ name: "富山" },
{ name: "名古屋" }
]
},
{
name: "北海道"
},
{
name: "琉球沖繩、石埂島"
}
]
},
{
name: "南韓",
children: [
{
name: "首爾"
},
{
name: "釜山"
},
{
name: "濟州島"
},
{
name: "江源道"
}
]
},
{
name: "蒙古"
},
{
name: "北韓"
}
]
areas: [],
crtAreaIndex: 0,
showPopup: false,
tab: "dest",
chosenResult: {
fl: "",
sl: "",
tl: "",
ful: ""
}
],
crtAreaIndex: 0,
showPopup: false,
tab:"dest",
chosenResult:{
fl:"",
sl:"",
tl:"",
ful:""
}
};
},
mounted() {
this.$root.$emit("change-head-style", 1);
document.addEventListener("click", this.clickHandler);
},
beforeDestroy() {
document.removeEventListener("click", this.clickHandler);
},
computed: {
// getSecondRange(){
// let arr=[]
// console.log('計算：',this.chosenResult.fl);
// if(this.chosenResult.fl && this.chosenResult.fl.name){
// this.areas.forEach(x=>{
// if(x.name==this.chosenResult.fl.name && x.children){
// arr=x.children
// }
// })
// }
// return arr;
// },
},
methods: {
showPopupHandler(){
this.showPopup=true
};
},
clickHandler(e) {
if (!document.querySelector("#sb").contains(e.target)) {
this.showSplitPannel = false;
} else if (!document.querySelector("#sp").contains(e.target)) {
this.showCompPannel = false;
}
mounted() {
var jObj = JSON.parse(window.localStorage.getItem('baseifo'));
this.areas = jObj.AreaList;
this.$root.$emit("change-head-style", 1);
document.addEventListener("click", this.clickHandler);
},
clickSlideHandler(url) {
if (url && url.length > 1) {
location.href = url;
}
},
searchFocusHandler() {
if (this.searchKey == "") {
setTimeout(() => {
this.showSplitPannel = true;
}, 200);
}
},
searchBlurHandler() {
//this.showSplitPannel = false;
beforeDestroy() {
document.removeEventListener("click", this.clickHandler);
},
clkAreaHandler(i) {
this.crtAreaIndex = i;
computed: {
},
searchChangeHandler() {
if (this.searchKey == "") {
this.showSplitPannel = true;
this.showCompPannel = false;
} else {
methods: {
showPopupHandler() {
this.showPopup = true
},
clickHandler(e) {
if (!document.querySelector("#sb").contains(e.target)) {
this.showSplitPannel = false;
} else if (!document.querySelector("#sp").contains(e.target)) {
this.showCompPannel = false;
}
},
clickSlideHandler(url) {
if (url && url.length > 1) {
location.href = url;
}
},
searchFocusHandler() {
if (this.searchKey == "") {
setTimeout(() => {
this.showSplitPannel = true;
}, 200);
}
},
searchBlurHandler() {
//this.showSplitPannel = false;
},
clkAreaHandler(i) {
this.crtAreaIndex = i;
},
searchChangeHandler() {
if (this.searchKey == "") {
this.showSplitPannel = true;
this.showCompPannel = false;
} else {
this.showSplitPannel = false;
this.showCompPannel = true;
}
},
chosenAreaHandler(name) {
this.searchKey = name;
this.showSplitPannel = false;
this.showCompPannel = true;
}
},
chosenAreaHandler(name) {
this.searchKey = name;
this.showSplitPannel = false;
this.showCompPannel = false;
},
goSearchHandler() {
if (this.searchKey == "") {
this.$q.notify({
color: "negative",
textColor: "#FFF",
icon: "report_problem",
message: "尊敬的客人，請選擇一個目的地吧",
position: "top",
timeout: 3000
});
this.showCompPannel = false;
},
goSearchHandler() {
if (this.searchKey == "") {
this.$q.notify({
color: "negative",
textColor: "#FFF",
icon: "report_problem",
message: "尊敬的客人，請選擇一個目的地吧",
position: "top",
timeout: 3000
});
}
}
}
}
};
};
</script>
<style>
.showbox {
position: absolute;
box-sizing: border-box;
width: 100%;
height: 345px;
background: #fff;
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 {
position: absolute;
box-sizing: border-box;
width: calc(41.6667% - 22px);
height: 345px;
background: #fff;
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 {
background-color: rgb(237, 237, 237) !important;
}
.area-box .h3 {
font-size: 22px;
color: #333;
font-weight: 600;
padding: 0;
height: unset;
list-style: unset;
margin: 0;
cursor: pointer;
}
.area-box .h4 {
font-size: 18px;
color: #424242;
padding: 0;
height: unset;
list-style: unset;
margin: 0;
margin-right: 20px;
font-weight: 600;
cursor: pointer;
}
.area-box .h5 {
font-size: 16px;
color: #636363;
padding: 0;
height: unset;
list-style: unset;
margin: 0;
margin-right: 12px;
cursor: pointer;
}
.area-box .h6 {
font-size: 14px;
color: gray;
padding: 0;
height: unset;
list-style: unset;
margin: 0;
text-align: right;
cursor: pointer;
}
.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 {
align-items: flex-end;
}
.chosen-box {
padding: 15px;
min-height: 30vh;
}
.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;
}
</style>
\ No newline at end of file
.showbox {
position: absolute;
box-sizing: border-box;
width: 100%;
height: 345px;
background: #fff;
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 {
position: absolute;
box-sizing: border-box;
width: calc(41.6667% - 22px);
height: 345px;
background: #fff;
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 {
background-color: rgb(237, 237, 237) !important;
}
.area-box .h3 {
font-size: 22px;
color: #333;
font-weight: 600;
padding: 0;
height: unset;
list-style: unset;
margin: 0;
cursor: pointer;
}
.area-box .h4 {
font-size: 18px;
color: #424242;
padding: 0;
height: unset;
list-style: unset;
margin: 0;
margin-right: 20px;
font-weight: 600;
cursor: pointer;
}
.area-box .h5 {
font-size: 16px;
color: #636363;
padding: 0;
height: unset;
list-style: unset;
margin: 0;
margin-right: 12px;
cursor: pointer;
}
.area-box .h6 {
font-size: 14px;
color: gray;
padding: 0;
height: unset;
list-style: unset;
margin: 0;
text-align: right;
cursor: pointer;
}
.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 {
align-items: flex-end;
}
.chosen-box {
padding: 15px;
min-height: 30vh;
}
.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;
}
</style>
src/pages/About.vue
View file @ cb10135f
......@@ -85,11 +85,14 @@
<searchsf1 v-if="item.Id=='search_sf'&&item.plugData.Type==1" :plugData="item.plugData"></searchsf1>
<searchsf2 v-if="item.Id=='search_sf'&&item.plugData.Type==2" :plugData="item.plugData"></searchsf2>
<searchsf3 v-if="item.Id=='search_sf'&&item.plugData.Type==3" :plugData="item.plugData"></searchsf3>
<!--搜尋區塊(輪播橫)search_s -->
<searchsf1 v-if="item.Id=='search_s'&&item.plugData.Type==1" :plugData="item.plugData"></searchsf1>
<searchsf2 v-if="item.Id=='search_s'&&item.plugData.Type==2" :plugData="item.plugData"></searchsf2>
<searchsf3 v-if="item.Id=='search_s'&&item.plugData.Type==3" :plugData="item.plugData"></searchsf3>
<!--搜尋區塊(其他)search_el -->
<searchel1 v-if="item.Id=='search_el'&&item.plugData.Type==1" :plugData="item.plugData"></searchel1>
</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