24 lines
738 B
Vue
24 lines
738 B
Vue
<script setup>
|
|
import BasicListSkeleton from "components/basicSkeletons/BasicListSkeleton.vue";
|
|
import {randomInt} from "src/composables/random";
|
|
import BasicTextSkeleton from "components/basicSkeletons/BasicTextSkeleton.vue";
|
|
</script>
|
|
|
|
<template>
|
|
<q-card class="flight-detail-card">
|
|
<q-skeleton type="rect" height="400px"/>
|
|
|
|
<q-card-section>
|
|
<q-skeleton type="text" v-for="i in 3" :key="i" :width="randomInt(30, 50)+'%'"/>
|
|
</q-card-section>
|
|
|
|
<q-card-section class="q-my-md">
|
|
<BasicTextSkeleton :paragraphs="1" :lines="randomInt(1, 3)"/>
|
|
</q-card-section>
|
|
</q-card>
|
|
|
|
<q-card class="flight-detail-card" flat>
|
|
<BasicListSkeleton :items-count-min="1" :items-count-max="4"/>
|
|
</q-card>
|
|
</template>
|