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

feat: infinite scroll for market

Browse source
This commit is contained in:
Vlad Stan 2023-07-06 13:56:30 +03:00
parent 58d7fc647c
commit 6152f6b0de
2 changed files with 33 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

16
static/components/customer-market/customer-market.html
View file

@ -25,9 +25,17 @@
<q-img :src="styles.ui.banner" style="width: 100%; height: 250px" cover></q-img>
</q-banner>
<div class="row q-col-gutter-md">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3" v-for="(item, idx) in products" :key="idx">
<product-card :product="item" @change-page="changePageM"></product-card>
<q-infinite-scroll @load="onLoad" :offset="250">
<div class="row q-col-gutter-md">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3" v-for="(item, idx) in partialProducts" :key="idx">
<product-card :product="item" @change-page="changePageM"></product-card>
</div>
</div>
</div>
<template v-if="lastProductIndex < products.length" v-slot:loading>
<div class="row justify-center q-my-md">
<q-spinner-dots color="primary" size="40px" />
</div>
</template>
</q-infinite-scroll>
</div>
</div>