Skip to content

M
million
Commit 6de34457 authored by youjie's avatar youjie
Browse files
Options

no message

parent 7d21895f
Hide whitespace changes
Inline Side-by-side
Showing with 90 additions and 29 deletions
src/components/trip/block/allDay.vue
View file @ 6de34457
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
> >
<template v-for="(x, i) in day.details"> <template v-for="(x, i) in day.details">
<q-carousel-slide :name="i" class="column no-wrap"> <q-carousel-slide :name="i" class="column no-wrap">
<div class="bg-white row" @click="showPreview(day.details,i)"> <div class="bg-white row">
<template <template
v-if="x.fileType && x.fileType == '.mp4'"> v-if="x.fileType && x.fileType == '.mp4'">
<video <video
...@@ -34,6 +34,7 @@ ...@@ -34,6 +34,7 @@
:src="x.img" :src="x.img"
:ratio=" 16/9 " :ratio=" 16/9 "
style="width: 100%" style="width: 100%"
@click="showPreview(day.details,i)"
> >
<template v-slot:error> <template v-slot:error>
<div <div
......
src/components/trip/block/fiveday.vue
View file @ 6de34457
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
></video> ></video>
</template> </template>
<template v-else> <template v-else>
<q-img <q-img @click="showPreview(day.details,i)"
v-if="day.details[0].img" v-if="day.details[0].img"
:src="day.details[0].img" :src="day.details[0].img"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img <q-img @click="showPreview(day.details,i)"
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -172,7 +172,7 @@ ...@@ -172,7 +172,7 @@
></video> ></video>
</template> </template>
<template v-else> <template v-else>
<q-img <q-img @click="showPreview(day.details,i)"
v-if="day.details[2].img" v-if="day.details[2].img"
:src="day.details[2].img" :src="day.details[2].img"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -187,7 +187,7 @@ ...@@ -187,7 +187,7 @@
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img <q-img @click="showPreview(day.details,i)"
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -257,7 +257,7 @@ ...@@ -257,7 +257,7 @@
></video> ></video>
</template> </template>
<template v-else> <template v-else>
<q-img <q-img @click="showPreview(day.details,i)"
v-if="day.details[3].img" v-if="day.details[3].img"
:src="day.details[3].img" :src="day.details[3].img"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -272,7 +272,7 @@ ...@@ -272,7 +272,7 @@
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img <q-img @click="showPreview(day.details,i)"
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -343,7 +343,7 @@ ...@@ -343,7 +343,7 @@
></video> ></video>
</template> </template>
<template v-else> <template v-else>
<q-img <q-img @click="showPreview(day.details,i)"
v-if="day.details[4].img" v-if="day.details[4].img"
:src="day.details[4].img" :src="day.details[4].img"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -358,7 +358,7 @@ ...@@ -358,7 +358,7 @@
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img <q-img @click="showPreview(day.details,i)"
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -470,6 +470,18 @@ export default { ...@@ -470,6 +470,18 @@ export default {
isDirect: {}, isDirect: {},
}, },
methods: { methods: {
showPreview(imgs, index = 0) {
let timgs = [];
imgs.forEach((x) => {
timgs.push(x.img);
});
this.$viewerApi({
options: {
initialViewIndex: index,
},
images: timgs,
});
},
getHotelSuffix() { getHotelSuffix() {
let suffix = ""; let suffix = "";
if (this.day.jiu2.length > 1) { if (this.day.jiu2.length > 1) {
......
src/components/trip/block/fourday.vue
View file @ 6de34457
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
></video> ></video>
</template> </template>
<template v-else> <template v-else>
<q-img <q-img @click="showPreview(day.details,i)"
v-if="day.details[0].img" v-if="day.details[0].img"
:src="day.details[0].img" :src="day.details[0].img"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img <q-img @click="showPreview(day.details,i)"
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -112,7 +112,7 @@ ...@@ -112,7 +112,7 @@
></video> ></video>
</template> </template>
<template v-else> <template v-else>
<q-img <q-img @click="showPreview(day.details,i)"
v-if="day.details[1].img" v-if="day.details[1].img"
:src="day.details[1].img" :src="day.details[1].img"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -127,7 +127,7 @@ ...@@ -127,7 +127,7 @@
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img <q-img @click="showPreview(day.details,i)"
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -192,7 +192,7 @@ ...@@ -192,7 +192,7 @@
></video> ></video>
</template> </template>
<template v-else> <template v-else>
<q-img <q-img @click="showPreview(day.details,i)"
v-if="day.details[2].img" v-if="day.details[2].img"
:src="day.details[2].img" :src="day.details[2].img"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -207,7 +207,7 @@ ...@@ -207,7 +207,7 @@
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img <q-img @click="showPreview(day.details,i)"
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -274,7 +274,7 @@ ...@@ -274,7 +274,7 @@
></video> ></video>
</template> </template>
<template v-else> <template v-else>
<q-img <q-img @click="showPreview(day.details,i)"
v-if="day.details[3].img" v-if="day.details[3].img"
:src="day.details[3].img" :src="day.details[3].img"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -289,7 +289,7 @@ ...@@ -289,7 +289,7 @@
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img <q-img @click="showPreview(day.details,i)"
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -403,6 +403,18 @@ export default { ...@@ -403,6 +403,18 @@ export default {
isDirect: {}, isDirect: {},
}, },
methods: { methods: {
showPreview(imgs, index = 0) {
let timgs = [];
imgs.forEach((x) => {
timgs.push(x.img);
});
this.$viewerApi({
options: {
initialViewIndex: index,
},
images: timgs,
});
},
getHotelSuffix() { getHotelSuffix() {
let suffix = ""; let suffix = "";
if (this.day.jiu2.length > 1) { if (this.day.jiu2.length > 1) {
......
src/components/trip/block/oneday.vue
View file @ 6de34457
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
></video> ></video>
</template> </template>
<template v-else> <template v-else>
<q-img <q-img @click="showPreview(day.details,i)"
v-if="day.details[0].img" v-if="day.details[0].img"
:src="day.details[0].img" :src="day.details[0].img"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img <q-img @click="showPreview(day.details,i)"
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -153,6 +153,18 @@ export default { ...@@ -153,6 +153,18 @@ export default {
}, },
mounted() {}, mounted() {},
methods: { methods: {
showPreview(imgs, index = 0) {
let timgs = [];
imgs.forEach((x) => {
timgs.push(x.img);
});
this.$viewerApi({
options: {
initialViewIndex: index,
},
images: timgs,
});
},
getHotelSuffix() { getHotelSuffix() {
let suffix = ""; let suffix = "";
if (this.day.jiu2.length > 1) { if (this.day.jiu2.length > 1) {
......
src/components/trip/block/threeday.vue
View file @ 6de34457
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
></video> ></video>
</template> </template>
<template v-else> <template v-else>
<q-img <q-img @click="showPreview(day.details,i)"
v-if="day.details[0].img" v-if="day.details[0].img"
:src="day.details[0].img" :src="day.details[0].img"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img <q-img @click="showPreview(day.details,i)"
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -149,7 +149,7 @@ ...@@ -149,7 +149,7 @@
></video> ></video>
</template> </template>
<template v-else> <template v-else>
<q-img <q-img @click="showPreview(day.details,i)"
v-if="day.details[1].img" v-if="day.details[1].img"
:src="day.details[1].img" :src="day.details[1].img"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -164,7 +164,7 @@ ...@@ -164,7 +164,7 @@
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img <q-img @click="showPreview(day.details,i)"
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -191,7 +191,7 @@ ...@@ -191,7 +191,7 @@
></video> ></video>
</template> </template>
<template v-else> <template v-else>
<q-img <q-img @click="showPreview(day.details,i)"
v-if="day.details[2].img" v-if="day.details[2].img"
:src="day.details[2].img" :src="day.details[2].img"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -206,7 +206,7 @@ ...@@ -206,7 +206,7 @@
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img <q-img @click="showPreview(day.details,i)"
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -322,6 +322,18 @@ export default { ...@@ -322,6 +322,18 @@ export default {
isDirect: {}, isDirect: {},
}, },
methods: { methods: {
showPreview(imgs, index = 0) {
let timgs = [];
imgs.forEach((x) => {
timgs.push(x.img);
});
this.$viewerApi({
options: {
initialViewIndex: index,
},
images: timgs,
});
},
getHotelSuffix() { getHotelSuffix() {
let suffix = ""; let suffix = "";
if (this.day.jiu2.length > 1) { if (this.day.jiu2.length > 1) {
......
src/components/trip/block/twoday.vue
View file @ 6de34457
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
></video> ></video>
</template> </template>
<template v-else> <template v-else>
<q-img <q-img @click="showPreview(day.details,i)"
v-if="item.img" v-if="item.img"
:src="item.img" :src="item.img"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img <q-img @click="showPreview(day.details,i)"
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -144,7 +144,7 @@ ...@@ -144,7 +144,7 @@
></video> ></video>
</template> </template>
<template v-else> <template v-else>
<q-img <q-img @click="showPreview(day.details,i)"
v-if="item.img" v-if="item.img"
:src="item.img" :src="item.img"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -159,7 +159,7 @@ ...@@ -159,7 +159,7 @@
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img <q-img @click="showPreview(day.details,i)"
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio=" 16/9 " :ratio=" 16/9 "
...@@ -236,6 +236,18 @@ export default { ...@@ -236,6 +236,18 @@ export default {
}, },
methods: { methods: {
showPreview(imgs, index = 0) {
let timgs = [];
imgs.forEach((x) => {
timgs.push(x.img);
});
this.$viewerApi({
options: {
initialViewIndex: index,
},
images: timgs,
});
},
getHotelSuffix() { getHotelSuffix() {
let suffix = ""; let suffix = "";
if (this.day.jiu2.length > 1) { if (this.day.jiu2.length > 1) {
......
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