dietpi/quasar-supabase-sharedLists
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

item card

Browse Source
This commit is contained in:
clonbg
2025-02-14 10:59:37 +01:00
parent d8d0ca799b
commit b7c430b71e
1 changed files with 11 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/pages/ItemsPage.vue
View File

@@ -3,23 +3,20 @@
<q-infinite-scroll @load="onLoad" :offset="250">
<div v-for="(item, index) in store.items" :key="index" class="caption">
<div class="q-pa-md row items-start q-gutter-md">
<q-card class="my-card text-white bg-teal-9">
<q-card class="my-card text-white bg-teal-9 text-h6">
<q-card-section>
<div class="text-h6">{{ item.nombre }}
<q-icon name="edit" class="cursor-pointer" />
</div>
<div class="text-subtitle1">{{ item.cantidad }}</div>
<q-toggle :false-value="false" :label="item.nombre" :true-value="true" color="red"
v-model="item.is_done" />
<q-icon name="edit" class="cursor-pointer q-ml-xs" />
<q-icon name="delete" class="cursor-pointer float-right q-mt-md text-red" />
<q-item-label caption class="q-ml-md"><span class="blue text-h6">
{{ item.cantidad }}</span>
<q-btn flat dense icon="arrow_upward" size="sm" class="cursor-pointer" />
<q-btn flat dense icon="arrow_downward" size="sm" />
</q-item-label>
</q-card-section>
<q-separator dark />
<q-card-actions>
<q-btn flat class="cursor-pointer" />
<q-space></q-space>
<q-btn class="bg-negative q-mr-md" flat>Borrar</q-btn>
</q-card-actions>
</q-card>
</div>
</div>
<template v-slot:loading>