其他 / Avatar 头像
基础的头像组件, 可以设置大小、颜色等.
如何引入
// 引入
import { Avatar } from 'vimon'
// 安装
Vue.component(Avatar.name, Avatar)
// 或者
export default{
components: {
Avatar
}
}- 源码:
传入属性 / Props:
| Name | Type | Attributes | Default | Description |
|---|---|---|---|---|
color |
String |
<optional> |
'default'
|
颜色 |
size |
Number |
<optional> |
尺寸 | |
tile |
Boolean |
<optional> |
是否方形边框，默认为否，圆形 |
插槽 / Slots:
| Name | Description |
|---|---|
空 |
头像内容，可以是图片、图标、文字等 |
用法 / Usages
<Avatar><img src="/static/avatar-1.png"/></Avatar>
<Avatar color="danger" size="48"><Icon name="heart"></Icon></Avatar>