47 lines
797 B
Vue
47 lines
797 B
Vue
<template>
|
|
<tooltip v-if="tips !== ''">
|
|
<template slot="title">{{ tips }}</template>
|
|
<avatar :size="avatarSize" :src="src" />
|
|
</tooltip>
|
|
<avatar v-else :size="avatarSize" :src="src" />
|
|
</template>
|
|
|
|
<script>
|
|
import Avatar from 'ant-design-vue/es/avatar'
|
|
import Tooltip from 'ant-design-vue/es/tooltip'
|
|
|
|
export default {
|
|
name: 'AvatarItem',
|
|
components: {
|
|
Avatar,
|
|
Tooltip
|
|
},
|
|
props: {
|
|
tips: {
|
|
type: String,
|
|
default: '',
|
|
required: false
|
|
},
|
|
src: {
|
|
type: String,
|
|
default: ''
|
|
}
|
|
},
|
|
data () {
|
|
return {
|
|
size: this.$parent.size
|
|
}
|
|
},
|
|
computed: {
|
|
avatarSize () {
|
|
return this.size !== 'mini' && this.size || 20
|
|
}
|
|
},
|
|
watch: {
|
|
'$parent.size' (val) {
|
|
this.size = val
|
|
}
|
|
}
|
|
}
|
|
</script>
|