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