头像

v-avatar 组件通常用于显示用户个人资料的圆形图片。该组件将允许你动态调整大小并添加响应图像，图标和文本的边框半径。tile 变量可用来显示方形头像。

用例

头像以最简单的形式在圆形容器中显示内容。

Options

image

tile

Size

从下面选择您想要的组件，并查看可用的属性、插槽、事件和函数。

props

slots

sass

下面是一些简单到复杂的例子。

size 属性允许你定义 v-avatar 的高度和宽度。这个属性以 1 的长宽比均匀缩放。height 和 width 属性将会覆盖这个属性。

tile 属性会移除圆形边框，为你提供简单的正方形 v-avatar。

v-avatar 的默认插槽将接受 v-icon 组件、图像或文本。混合并匹配这些元素来创建一个独一无二的东西。

使用 tile 属性，我们可以创建一个光滑的内衬型卡。

将头像与其他组件组合在一起，你就可以构建漂亮的用户界面。

想要了解更多？继续阅读：

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