平台兼容性

Avatar 头像

头像组件，组件名：cmd-avatar，代码块： cmdAvatar。

使用方式：

在 script 中引用组件

import cmdAvatar from "@/components/cmd-avatar/cmd-avatar.vue"
export default {
    components: {cmdAvatar}
}

基本用法

<cmd-avatar src='http://www.xx.xx/xx/x.jpg'></cmd-avatar>
<cmd-avatar icon='add'></cmd-avatar>
<cmd-avatar text='U'></cmd-avatar>

文字/图标样式设置

<cmd-avatar :make="{'color': '#f56a00','background-color': '#fde3cf'}" text='10'></cmd-avatar>
<cmd-avatar :make="{'color': '#f56a00','background-color': '#fde3cf'}" icon='home'></cmd-avatar>

大小设置

<cmd-avatar size='sm' :src='img'></cmd-avatar>
<cmd-avatar size='md' :src='img'></cmd-avatar>
<cmd-avatar :size='100' :src='img'></cmd-avatar>
<cmd-avatar size='lg' :src='img'></cmd-avatar>

形状设置

<cmd-avatar shape='square' :src='img'></cmd-avatar>
<cmd-avatar shape='circle' :src='img'></cmd-avatar>

属性说明：

事件说明：