35 lines
822 B
Vue
35 lines
822 B
Vue
<script setup>
|
|
import ListItemSkeleton from "components/basicSkeletons/ListItemSkeleton.vue";
|
|
import BasicTextSkeleton from "components/basicSkeletons/BasicTextSkeleton.vue";
|
|
</script>
|
|
|
|
<template>
|
|
<q-card class="flight-detail-card">
|
|
<q-skeleton animation="fade" height="400px" square/>
|
|
|
|
<q-card-section>
|
|
<q-list bordered separator>
|
|
|
|
<ListItemSkeleton/>
|
|
<ListItemSkeleton/>
|
|
|
|
<q-item>
|
|
<q-list>
|
|
<ListItemSkeleton v-for="i in 3" :key="i"/>
|
|
</q-list>
|
|
</q-item>
|
|
|
|
<ListItemSkeleton/>
|
|
<ListItemSkeleton/>
|
|
|
|
</q-list>
|
|
|
|
<article class="q-my-lg">
|
|
<BasicTextSkeleton :lines="7" :paragraphs="2" />
|
|
</article>
|
|
|
|
<q-skeleton height="400px" square class="q-mt-lg"/>
|
|
</q-card-section>
|
|
</q-card>
|
|
</template>
|