Vuetify

商店

企业版

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

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

Options

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

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

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

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

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

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

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

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