The v-footer component is used for displaying general information that a user might want to access from any page within your site.
Wählen Sie unten Ihren gewünschte Komponente aus und sehen Sie die verfügbaren Attribute, Slots, Ereignisse und Funktionen.
Wendet den Style position: absolute auf einer Komponente an.
Bezeichnet die Komponente als Teil des Anwendungslayouts. Wird zum dynamischen Anpassen der Inhaltsgröße verwendet. Komponenten, die diese Props verwenden, sollten sich outside der v-main-Komponente befinden, damit sie ordnungsgemäß funktionieren. Weitere Informationen zu Layouts finden Sie auf der [Anwendungsseite] (/components/application). Hinweis: Diese Props wendet automatisch position: fixed auf das Layoutelement an. Sie können diese Funktionalität mit der Props absolute überschreiben
Wendet eine bestimmte Farbe für die Steuerung an - es kann der Name der Materialfarbe sein (zum Beispiel success oder purple) oder css-Farben (#033 oder rgba(255, 0, 0, 0.5)). Sie finden eine Liste der eingebauten Klassen auf der Farbseite.
Wendet die dunkle Theme-Variante für die Komponente an. Mehr Informationen zur Material Design Dokumentation für dunkle Themes.
Legt eine Höhe für die Komponente zwischen 0 und 24 fest. Weitere Informationen finden Sie auf der Höhenseite.
Wendet den Style position: fixed auf einer Komponente an.
Legt die Höhe für den Component fest.
Positions the toolbar offset from an application v-navigation-drawer
Wendet die helle Theme-Variante für die Komponente an.
Legt die maximale Höhe für den Component fest.
Legt die maximale Breite für den Component fest.
Legt die mindest Höhe für den Component fest.
Legt die mindest Breite für den Component fest.
Removes elevation (box-shadow) and adds a thin border.
Remove all padding from the footer
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.
Specify a custom tag used on the root element.
Removes the component's border-radius.
Legt die Breite für den Component fest.
Der Standard-Vue Slot.
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;Unten finden Sie eine Sammlung einfacher bis komplexer Beispiele.
The absolute prop positions footers absolutely at the bottom of their parent container.
The padless prop removes all default padding from the footer component.
The footer component as a basic company footer with links.
The footer component with Indigo background color and social media icons and button.
The footer component with a Teal color header and columns and rows of links.