Press n or j to go to the next uncoveteal block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 | <template> <section class="q-my-lg"> <!-- <div class="text-uppercase text-grey text-subtitle2 text-left">Featured designs</div> --> <q-infinite-scroll @load="onLoad"> <div class="row"> <div class="col-12 col-sm-6 col-md-3 col-xl-2" v-for="idx,item in items" :key="idx"> <ProjectThumb/> </div> </div> <template v-slot:loading> <div class="row justify-center q-my-md"> <q-spinner-dots color="teal-4" size="40px"/> </div> </template> </q-infinite-scroll> </section> </template> <script> import ProjectThumb from "../components/ProjectThumb"; export default { // name: 'ComponentName', components: { ProjectThumb }, methods: { onLoad(index, done) { setTimeout(() => { if (this.items) { this.items.push({}, {}, {}, {}, {}, {}, {}, {}); done(); } }, 2000); } }, data() { return { items: [{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}] }; } }; </script> <style> </style> |