83 lines
2.1 KiB
Vue
83 lines
2.1 KiB
Vue
|
<template>
|
||
|
<div>
|
||
|
<v-toolbar tile>
|
||
|
<v-toolbar-title>
|
||
|
<v-row>
|
||
|
<v-col>
|
||
|
<v-skeleton-loader type="chip" />
|
||
|
</v-col>
|
||
|
<v-col>
|
||
|
<v-skeleton-loader type="chip" />
|
||
|
</v-col>
|
||
|
</v-row>
|
||
|
</v-toolbar-title>
|
||
|
<v-spacer />
|
||
|
<v-toolbar-items>
|
||
|
<v-skeleton-loader type="button" />
|
||
|
</v-toolbar-items>
|
||
|
</v-toolbar>
|
||
|
<v-card style="margin-top: 3px;">
|
||
|
<v-card-title><v-skeleton-loader type="heading"/></v-card-title>
|
||
|
<v-card-text>
|
||
|
<v-form style="margin-left: 15px; margin-right: 15px">
|
||
|
<v-row>
|
||
|
<v-col>
|
||
|
<v-skeleton-loader type="chip" />
|
||
|
</v-col>
|
||
|
<v-col>
|
||
|
<v-skeleton-loader type="chip" />
|
||
|
</v-col>
|
||
|
<v-col>
|
||
|
<v-skeleton-loader type="button" />
|
||
|
</v-col>
|
||
|
</v-row>
|
||
|
<v-divider style="margin-bottom: 15px;" />
|
||
|
<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-skeleton-loader type="button" />
|
||
|
</v-row>
|
||
|
</v-form>
|
||
|
</v-card-text>
|
||
|
</v-card>
|
||
|
<v-card style="margin-top: 3px;">
|
||
|
<v-card-title><v-skeleton-loader type="chip"/></v-card-title>
|
||
|
<v-card-text>
|
||
|
<v-form style="margin-left: 15px; margin-right: 15px">
|
||
|
<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-form>
|
||
|
<v-skeleton-loader type="button" />
|
||
|
</v-card-text>
|
||
|
</v-card>
|
||
|
</div>
|
||
|
</template>
|
||
|
|
||
|
<script>
|
||
|
export default {
|
||
|
name: 'UserSkeleton'
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
<style scoped></style>
|