lnbits-exts/nostrmarket
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Merge pull request #40 from lnbits/fix_multiple_images

Browse source 
Fix multiple images
This commit is contained in:
Vlad Stan 2023-04-04 00:17:36 +03:00 • committed by GitHub
commit d9d44e812b
2 changed files with 7 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
static/components/product-card/product-card.html
View file

@ -1,6 +1,6 @@
<q-card class="card--product"> <q-card class="card--product">
<q-img <q-img
:src="product.images ? product.images[0] : '/nostrmarket/static/images/placeholder.png'" :src="(product.images && product.images.length > 0 && product.images[0]) ? product.images[0] : '/nostrmarket/static/images/placeholder.png'"
alt="Product Image" alt="Product Image"
loading="lazy" loading="lazy"
spinner-color="white" spinner-color="white"

11
static/components/product-detail/product-detail.html
View file

@ -1,20 +1,21 @@
<div class="row q-mt-sm"> <div class="row q-mt-sm">
<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12"> <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
<div class="q-pa-md"> <div class="q-pa-md" v-if="product.images && product.images[0]">
<q-carousel <q-carousel
v-if="product.images"
swipeable swipeable
animated animated
v-model="slide" v-model="slide"
thumbnails thumbnails
infinite infinite
v-for="(img, i) in product.images" arrows
:key="i" transition-prev="slide-right"
transition-next="slide-left"
> >
<q-carousel-slide <q-carousel-slide
v-for="(img, i) in product.images"
:name="i + 1" :name="i + 1"
:key="i"
:img-src="img" :img-src="img"
style="/*background-size: contain; background-repeat: no-repeat*/"
></q-carousel-slide> ></q-carousel-slide>
</q-carousel> </q-carousel>
<q-img <q-img