Showing
4 changed files
with
36 additions
and
1 deletions
| 1 | +<script setup lang="ts"> | ||
| 2 | + | ||
| 3 | +</script> | ||
| 4 | + | ||
| 5 | +<template> | ||
| 6 | + <v-container class="bg-gray-900"> | ||
| 7 | + <v-row class="bg-gray-900" > | ||
| 8 | + <v-col cols="12" sm="4"> | ||
| 9 | + <v-skeleton-loader | ||
| 10 | + class="mx-auto border bg-gray-800" | ||
| 11 | + color="#1f2937" | ||
| 12 | + width="auto" | ||
| 13 | + height="600px" | ||
| 14 | + type="paragraph, image" | ||
| 15 | + /> | ||
| 16 | + </v-col> | ||
| 17 | + <v-col cols="12" sm="8"> | ||
| 18 | + <v-skeleton-loader | ||
| 19 | + class="mx-auto mt-10" | ||
| 20 | + color="#1f2937" | ||
| 21 | + elevation="12" | ||
| 22 | + min-height="400px" | ||
| 23 | + type="table-heading, list-item-two-line, article, actions, table-tfoot" | ||
| 24 | + /> | ||
| 25 | + </v-col> | ||
| 26 | + </v-row> | ||
| 27 | + </v-container> | ||
| 28 | +</template> | ||
| 29 | + | ||
| 30 | +<style scoped> | ||
| 31 | + | ||
| 32 | +</style> |
| 1 | <script setup lang="ts"> | 1 | <script setup lang="ts"> |
| 2 | 2 | ||
| 3 | +import SkeletonMovieDetailLoader from "~/components/ui-components/skeletonMovieDetailLoader.vue"; | ||
| 3 | </script> | 4 | </script> |
| 4 | 5 | ||
| 5 | <template> | 6 | <template> |
| 6 | <section> | 7 | <section> |
| 7 | - composant détail d'un film. | 8 | + <!-- Skeleton loader pendant le chargement --> |
| 9 | + <skeleton-movie-detail-loader /> | ||
| 8 | </section> | 10 | </section> |
| 9 | </template> | 11 | </template> |
| 10 | 12 |
-
Please register or login to post a comment