Die Komponente v-avatar wird normalerweise verwendet, um kreisförmige Benutzerprofilbilder anzuzeigen. Mit dieser Komponente können Sie die Größe dynamisch anpassen und einen Rahmenradius für ansprechende Bilder, Symbole und Text hinzufügen. Für die Anzeige eines Avatars ohne Rahmenradius steht eine Kachel-Variante zur Verfügung.
Avatare in ihrer einfachsten Form zeigen Inhalte in einem kreisförmigen Container an.
Wählen Sie unten Ihren gewünschte Komponente aus und sehen Sie die verfügbaren Attribute, Slots, Ereignisse und Funktionen.
Unten finden Sie eine Sammlung einfacher bis komplexer Beispiele.
Mit der size-Props können Sie die Höhe und Breite von v-avatar definieren. Diese Props skaliert beide gleichmäßig mit einem Seitenverhältnis von 1. Die Props height und width überschreiben diese Props.
Die tile-Props entfernt den Randradius vom v-avatar und hinterlässt einen einfachen quadratischen Avatar.
Der v-avatar Standard-Slot akzeptiert die v-icon Komponente, ein Bild oder Text. Mische und stimme diesen mit anderen Props ab, um etwas Einmaliges zu erstellen.
Mit der Kachel-Props können wir eine schlanke, hart-gezogene Profilkarte erstellen.
Durch die Kombination eines Avatars mit anderen Komponenten können Sie einfach wundervolle Benutzeroberflächen erstellen.