fix product card
This commit is contained in:
parent
c0a48bf444
commit
31eee1e003
2 changed files with 6 additions and 4 deletions
|
|
@ -1,6 +1,6 @@
|
|||
<q-card class="card--product">
|
||||
<q-img
|
||||
:src="product.image ? product.image : '/nostrmarket/static/images/placeholder.png'"
|
||||
:src="product.images.length > 0 ? product.images[0] : '/nostrmarket/static/images/placeholder.png'"
|
||||
alt="Product Image"
|
||||
loading="lazy"
|
||||
spinner-color="white"
|
||||
|
|
|
|||
|
|
@ -8,13 +8,15 @@
|
|||
v-model="slide"
|
||||
thumbnails
|
||||
infinite
|
||||
v-for="(img, i) in product.images"
|
||||
:key="i"
|
||||
arrows
|
||||
transition-prev="slide-right"
|
||||
transition-next="slide-left"
|
||||
>
|
||||
<q-carousel-slide
|
||||
v-for="(img, i) in product.images"
|
||||
:name="i + 1"
|
||||
:key="i"
|
||||
:img-src="img"
|
||||
style="/*background-size: contain; background-repeat: no-repeat*/"
|
||||
></q-carousel-slide>
|
||||
</q-carousel>
|
||||
<q-img
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue