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