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