Commit a9181fee authored by zhengke's avatar zhengke

修改

parent 948fdf26
...@@ -9,8 +9,9 @@ ...@@ -9,8 +9,9 @@
<template v-for="(x, i) in showImages" v-if="x.length>0"> <template v-for="(x, i) in showImages" v-if="x.length>0">
<q-carousel-slide :name="i" :key="i" class="column no-wrap"> <q-carousel-slide :name="i" :key="i" class="column no-wrap">
<div class="row fit justify-start q-col-gutter no-wrap" :class="{'q-gutter-lg':x.length>1}"> <div class="row fit justify-start q-col-gutter no-wrap" :class="{'q-gutter-lg':x.length>1}">
<div style="flex:1" v-for="(y, yi) in x" :key="yi" v-if="y.TripImageUrl!=''||y.ImageUrl!=''"> <div style="flex:1" v-for="(y, yi) in x" :key="yi" v-if="y.ImageUrl!=''">
<q-img :img-style="{borderRadius:'50%'}" :ratio="1/1" :src="(y.TripImageUrl&&y.TripImageUrl!=''?y.TripImageUrl: y.ImageUrl)" /> <!-- <q-img :img-style="{borderRadius:'50%'}" :ratio="1/1" :src="(y.TripImageUrl&&y.TripImageUrl!=''?y.TripImageUrl: y.ImageUrl)" /> -->
<q-img :img-style="{borderRadius:'50%'}" :ratio="1/1" :src="y.ImageUrl" />
<div class="q-mt-md" style="color: #666;text-align: center;font-weight: 400;"> <div class="q-mt-md" style="color: #666;text-align: center;font-weight: 400;">
{{y.TripTitle}} {{y.TripTitle}}
</div> </div>
...@@ -37,7 +38,9 @@ ...@@ -37,7 +38,9 @@
if (size.width >= 800) { if (size.width >= 800) {
let temp = []; let temp = [];
this.plugData.Details.forEach((x, i) => { this.plugData.Details.forEach((x, i) => {
if(x.ImageUrl!=''){
temp.push(x); temp.push(x);
}
if ((i > 0 && (i + 1) % 3 == 0) || i == this.plugData.Details.length - 1) { if ((i > 0 && (i + 1) % 3 == 0) || i == this.plugData.Details.length - 1) {
this.showImages.push(temp); this.showImages.push(temp);
temp = []; temp = [];
...@@ -46,7 +49,9 @@ ...@@ -46,7 +49,9 @@
} else if (size.width >= 560) { } else if (size.width >= 560) {
let temp = []; let temp = [];
this.plugData.Details.forEach((x, i) => { this.plugData.Details.forEach((x, i) => {
if(x.ImageUrl!=''){
temp.push(x); temp.push(x);
}
if ((i > 0 && (i + 1) % 2 == 0) || i == this.plugData.Details.length - 1) { if ((i > 0 && (i + 1) % 2 == 0) || i == this.plugData.Details.length - 1) {
this.showImages.push(temp); this.showImages.push(temp);
temp = []; temp = [];
...@@ -55,7 +60,9 @@ ...@@ -55,7 +60,9 @@
} else { } else {
this.plugData.Details.forEach((x, i) => { this.plugData.Details.forEach((x, i) => {
let temp = []; let temp = [];
if(x.ImageUrl!=''){
temp.push(x); temp.push(x);
}
this.showImages.push(temp); this.showImages.push(temp);
}); });
} }
......
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