VAvatar API
组件页面
属性
| 名称 | 类型 | 默认值 |
|---|---|---|
| color | ||
| Applies specified color to the control - supports utility colors (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page . | ||
| density | ||
| 调整组件使用的垂直高度。 | ||
| end | ||
| 视为最后一个按钮并为其添加左边距 margin 。 | ||
| icon | ||
| 为按钮指定一个 v-icon 图标。 | ||
| image | ||
| Apply a specific image using v-img . | ||
| rounded | ||
| Designates the border-radius applied to the component. This can be 0, xs, sm, true, lg, xl, pill, circle, and shaped. Find more information on available border radius classes on the Border Radius page . | ||
| size | ||
| 设置组件的高度和宽度。默认单位是px。也可以使用以下预定义的大小：x-small、small、default、large和x-large。 | ||
| start | ||
| 视为第一个按钮并未其添加右边距 margin 。 | ||
| tag | ||
| 指定在根元素上使用的自定义标签。 | ||
| text | ||
| 设置组件的内容文本。 | ||
| theme | ||
| Specify a theme for this component and all of its children. | ||
| tile | ||
| Removes any applied border-radius from the component. | ||
| variant | ||
| Applies a distinct style to the component. | ||
插槽
| default |
| 默认Vue 插槽。 |
SASS 变量
| 名称 | 默认值 |
|---|---|
| $avatar-background | |
| $avatar-border-radius | |
| $avatar-color | |
| $avatar-density | |
| $avatar-elevation | |
| $avatar-height | |
| $avatar-line-height | |
| $avatar-margin-end | |
| $avatar-margin-start | |
| $avatar-plain-opacity | |
| $avatar-rounded-border-radius | |
| $avatar-sizes | |
| $avatar-variants | |
| $avatar-vertical-align | |
| $avatar-width | |