tmdinosaurcenter
/
tainacan-mobile
mirror of https://github.com/tainacan/tainacan-mobile.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Items in cards

This commit is contained in:
joycitta-siqueira 2022-03-26 20:04:12 -03:00
parent 3d79352536
commit aef30776f4
1 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/pages/ItemsList.vue
View File

@ -6,10 +6,11 @@
message="Carregando..."
>
</ion-loading>
<ion-item v-for="item of collectionsStore.items" :key="item.id">
<ion-label v-if="item.title"> {{ item.title }} </ion-label>
<ion-label v-else>Item não possui título</ion-label>
</ion-item>
<ion-card v-for="item of collectionsStore.items" :key="item.id">
<ion-card-title v-if="item.title"> {{ item.title }} </ion-card-title>
<ion-card-title v-else>Item não possui título</ion-card-title>
<ion-card-content></ion-card-content>
</ion-card>
</base-layout>
</template>
@ -18,16 +19,14 @@ import {
useCollectionsStore
} from '../store/storeCollections';
import {
IonItem,
IonLabel,
IonCard,
IonLoading,
} from '@ionic/vue';
import BaseLayout from '@/components/base/BaseLayout.vue';
import { ref } from 'vue';
export default {
components: {
IonItem,
IonLabel,
IonCard,
IonLoading,
BaseLayout
},