Skip to content

M
million
Commit 7d21895f authored by youjie's avatar youjie
Browse files
Options

no message

parent a4b6ddc3
Hide whitespace changes
Inline Side-by-side
Showing with 44 additions and 32 deletions
src/components/trip/block/allDay.vue
View file @ 7d21895f
...@@ -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"> <div class="bg-white row" @click="showPreview(day.details,i)">
<template <template
v-if="x.fileType && x.fileType == '.mp4'"> v-if="x.fileType && x.fileType == '.mp4'">
<video <video
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
<q-img <q-img
v-if="x.img" v-if="x.img"
:src="x.img" :src="x.img"
:ratio="12 / 4" :ratio=" 16/9 "
style="width: 100%" style="width: 100%"
> >
<template v-slot:error> <template v-slot:error>
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
<q-img <q-img
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
></q-img> ></q-img>
...@@ -103,7 +103,7 @@ ...@@ -103,7 +103,7 @@
<template v-if="day.details.length>1"> <template v-if="day.details.length>1">
<q-carousel-control <q-carousel-control
position="top-right" position="top-right"
:offset="[18,88]" :offset="[10,188]"
class="q-gutter-xs" class="q-gutter-xs"
> >
<q-btn <q-btn
...@@ -134,6 +134,18 @@ ...@@ -134,6 +134,18 @@
}, },
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/fiveday.vue
View file @ 7d21895f
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
<q-img <q-img
v-if="day.details[0].img" v-if="day.details[0].img"
:src="day.details[0].img" :src="day.details[0].img"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
> >
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
<q-img <q-img
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
></q-img> ></q-img>
...@@ -175,7 +175,7 @@ ...@@ -175,7 +175,7 @@
<q-img <q-img
v-if="day.details[2].img" v-if="day.details[2].img"
:src="day.details[2].img" :src="day.details[2].img"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
> >
...@@ -190,7 +190,7 @@ ...@@ -190,7 +190,7 @@
<q-img <q-img
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
></q-img> ></q-img>
...@@ -260,7 +260,7 @@ ...@@ -260,7 +260,7 @@
<q-img <q-img
v-if="day.details[3].img" v-if="day.details[3].img"
:src="day.details[3].img" :src="day.details[3].img"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
> >
...@@ -275,7 +275,7 @@ ...@@ -275,7 +275,7 @@
<q-img <q-img
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
></q-img> ></q-img>
...@@ -346,7 +346,7 @@ ...@@ -346,7 +346,7 @@
<q-img <q-img
v-if="day.details[4].img" v-if="day.details[4].img"
:src="day.details[4].img" :src="day.details[4].img"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
> >
...@@ -361,7 +361,7 @@ ...@@ -361,7 +361,7 @@
<q-img <q-img
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
></q-img> ></q-img>
......
src/components/trip/block/fourday.vue
View file @ 7d21895f
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
<q-img <q-img
v-if="day.details[0].img" v-if="day.details[0].img"
:src="day.details[0].img" :src="day.details[0].img"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
> >
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
<q-img <q-img
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
></q-img> ></q-img>
...@@ -115,7 +115,7 @@ ...@@ -115,7 +115,7 @@
<q-img <q-img
v-if="day.details[1].img" v-if="day.details[1].img"
:src="day.details[1].img" :src="day.details[1].img"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
> >
...@@ -130,7 +130,7 @@ ...@@ -130,7 +130,7 @@
<q-img <q-img
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
></q-img> ></q-img>
...@@ -195,7 +195,7 @@ ...@@ -195,7 +195,7 @@
<q-img <q-img
v-if="day.details[2].img" v-if="day.details[2].img"
:src="day.details[2].img" :src="day.details[2].img"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
> >
...@@ -210,7 +210,7 @@ ...@@ -210,7 +210,7 @@
<q-img <q-img
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
></q-img> ></q-img>
...@@ -277,7 +277,7 @@ ...@@ -277,7 +277,7 @@
<q-img <q-img
v-if="day.details[3].img" v-if="day.details[3].img"
:src="day.details[3].img" :src="day.details[3].img"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
> >
...@@ -292,7 +292,7 @@ ...@@ -292,7 +292,7 @@
<q-img <q-img
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
></q-img> ></q-img>
......
src/components/trip/block/oneday.vue
View file @ 7d21895f
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
<q-img <q-img
v-if="day.details[0].img" v-if="day.details[0].img"
:src="day.details[0].img" :src="day.details[0].img"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
> >
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
<q-img <q-img
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
></q-img> ></q-img>
......
src/components/trip/block/threeday.vue
View file @ 7d21895f
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
<q-img <q-img
v-if="day.details[0].img" v-if="day.details[0].img"
:src="day.details[0].img" :src="day.details[0].img"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
> >
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
<q-img <q-img
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
></q-img> ></q-img>
...@@ -152,7 +152,7 @@ ...@@ -152,7 +152,7 @@
<q-img <q-img
v-if="day.details[1].img" v-if="day.details[1].img"
:src="day.details[1].img" :src="day.details[1].img"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
> >
...@@ -167,7 +167,7 @@ ...@@ -167,7 +167,7 @@
<q-img <q-img
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
></q-img> ></q-img>
...@@ -194,7 +194,7 @@ ...@@ -194,7 +194,7 @@
<q-img <q-img
v-if="day.details[2].img" v-if="day.details[2].img"
:src="day.details[2].img" :src="day.details[2].img"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
> >
...@@ -209,7 +209,7 @@ ...@@ -209,7 +209,7 @@
<q-img <q-img
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
></q-img> ></q-img>
......
src/components/trip/block/twoday.vue
View file @ 7d21895f
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
<q-img <q-img
v-if="item.img" v-if="item.img"
:src="item.img" :src="item.img"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
> >
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
<q-img <q-img
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
></q-img> ></q-img>
...@@ -147,7 +147,7 @@ ...@@ -147,7 +147,7 @@
<q-img <q-img
v-if="item.img" v-if="item.img"
:src="item.img" :src="item.img"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
> >
...@@ -162,7 +162,7 @@ ...@@ -162,7 +162,7 @@
<q-img <q-img
v-else v-else
src="../../../assets/img/nll.jpg" src="../../../assets/img/nll.jpg"
:ratio="12 / 4" :ratio=" 16/9 "
fit="cover" fit="cover"
height="100%" height="100%"
></q-img> ></q-img>
......
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