61 lines
1.5 KiB
Vue
61 lines
1.5 KiB
Vue
<template>
|
|
<div>
|
|
<v-card style="margin-top: 3px">
|
|
<v-card-title>
|
|
<v-skeleton-loader type="heading" />
|
|
</v-card-title>
|
|
<v-container>
|
|
<v-skeleton-loader type="table-thead"/>
|
|
<v-skeleton-loader type="table-row-divider@3"/>
|
|
</v-container>
|
|
<v-container fluid>
|
|
<v-row align="start" align-content="start">
|
|
<v-col>
|
|
<v-row>
|
|
<v-col>
|
|
<v-skeleton-loader type="chip" />
|
|
</v-col>
|
|
<v-col>
|
|
<v-skeleton-loader type="chip" />
|
|
</v-col>
|
|
</v-row>
|
|
<v-row>
|
|
<v-col>
|
|
<v-skeleton-loader type="chip"/>
|
|
</v-col>
|
|
<v-col>
|
|
<v-skeleton-loader type="chip" />
|
|
</v-col>
|
|
</v-row>
|
|
</v-col>
|
|
<v-col align-self="center">
|
|
<v-row>
|
|
<v-col>
|
|
<v-skeleton-loader type="chip" />
|
|
</v-col>
|
|
<v-col>
|
|
<v-skeleton-loader type="chip" />
|
|
</v-col>
|
|
</v-row>
|
|
<v-card outlined>
|
|
<v-row>
|
|
<v-card-title>
|
|
<v-skeleton-loader style="margin: 3px; margin-left: 10px" type="chip"/>
|
|
</v-card-title>
|
|
</v-row>
|
|
</v-card>
|
|
</v-col>
|
|
</v-row>
|
|
</v-container>
|
|
</v-card>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'TableSkeleton'
|
|
}
|
|
</script>
|
|
|
|
<style scoped></style>
|