The v-footer component is used for displaying general information that a user might want to access from any page within your site.
Sélectionnez le composant désiré ci-dessous afin de voir les props, slots, événements et méthodes disponibles.
Applique position: absolute au composant.
Indique le composant comme partie de la mise en page de l'application. Utilisé pour ajuster dynamiquement la taille du contenu. Les composants utilisant cette prop devraient résider en extérieur du composant v-main pour fonctionner correctement. Vous pouvez obtenir plus d'informations sur les mises en page sur la application page. Note: cette prop applique automatiquement position: fixed à l'élément de mise en page. Vous pouvez écraser cette fonctionnalité en utilisant la prop absolute
Applique la couleur spécifiée à la commande - cela peut être le nom de la couleur matérielle (par exemple success ou purple) ou la couleur css (#033 ou rgba(255, 0, 0, 0.5)). Vous pouvez trouver la liste des classes construites dans la page couleurs.
Applique la variante du thème foncé au composant. Vous pouvez trouver plus d'informations sur la documentation Material Design pour thèmes sombres.
Il désigne une altitude appliquée à la composante entre 0 et 24. Vous pouvez trouver plus d'informations sur la page d'altitude.
Applique position: fixed au composant.
Définit la hauteur du composant.
Positionne la barre d'outils à partir d'une application v-navigation-drawer
Applique la variante claire du thème au composant.
Définit la hauteur maximale du composant.
Définit la largeur maximale du composant.
Définit la hauteur minimale du composant.
Définit la largeur minimale du composant.
Removes elevation (box-shadow) and adds a thin border.
Supprimer tous les espacements du pied de page
Designates the border-radius applied to the component. You can find more information on the Border Radius page.
Applies a large border radius on the top left and bottom right of the card.
Spécifiez un tag personnalisé utilisé sur l'élément racine.
Removes the component's border-radius.
Définit la largeur du composant.
L'emplacement par défaut de vue.
0 !default;0 !default;6px 16px !default;0px !default;map-get($rounded, 'xl') $footer-border-radius !default;0.2s !default;background-color, left, right !default;map-get($transition, 'fast-out-slow-in') !default;Vous trouverez ci-dessous une collection d'exemples simples ou complexes.
Les positions de l'option absolute sont toujours en bas de leur conteneur parent.
La proppadless supprime tous les espacements par défaut du composant de pied de page.
The footer component as a basic company footer with links.
Le composant de bas de page avec la couleur de fond d'Indigo et les icônes et le bouton des médias sociaux.
Le composant de pied de page avec un en-tête couleur turquoise et des colonnes et des lignes de liens.
Prêt pour plus ? Continuez la lecture avec :