<template>
<div class="avatar">
<u--image width="64rpx" height="64rpx" :src="configs.file+src">
<u-avatar size="32" slot="error" icon="account-fill" fontSize="24" randomBgColor>
</u-avatar>
</u--image>
<image v-if="userType>1" class="icon_optimization" src="/static/icon_optimization.png" mode="widthFix"></image>
</div>
</template>
<script>
import configs from '../config/config.js'
export default {
data() {
return {
configs
}
},
props: {
size: {
type: Number,
default () {
return '45';
}
},
userType: {
type: Number,
default () {
return 0;
}
},
src: {
type: String,
default () {
return '';
}
},
},
methods: {
chooseImage() {
},
}
}
</script>
<style scoped lang="scss">
.avatar {
position: relative;
}
.icon_optimization {
width: 24rpx;
height: 24rpx;
position: absolute;
bottom: 0;
right: 0;
border-radius: 50%;
}
</style>