Vuetify

Boutique

Entreprises

The v-carousel component is used to display large numbers of visual content on a rotating timer.

Le composant v-carousel s'agrandit sur v-window en fournissant des fonctionnalités supplémentaires destinées à afficher des images.

Options
  • v-carousel-item: Le conteneur d'image utilisé par v-carousel. Extends v-window-item, est routable, et utilise v-img dans son emplacement par défaut.

Sélectionnez le composant désiré ci-dessous afin de voir les props, slots, événements et méthodes disponibles.

Vous trouverez ci-dessous une collection d'exemples simples ou complexes.

Avec le prop cycle vous pouvez faire passer vos diapositives automatiquement à la prochaine disponible tous les 6 secondes (par défaut).

Le composant v-carousel-item peut avoir un changement de transition/transition inverse .

Utilisez n'importe quelle icône disponible comme délimiteur de diapositives de votre carrousel.

Vous pouvez masquer les contrôles de navigation du carrousel avec :show-arrows="false".

Vous pouvez cacher les délimiteurs avec la propriété

hide-delimiters
.

Vous pouvez contrôler le carrousel avec le modèle.

Prêt pour plus ? Continuez la lecture avec :

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!