|
@@ -1,20 +1,29 @@
|
|
|
<template>
|
|
|
<div class="avatar" :style="AvatarStyle">
|
|
|
<el-avatar v-if="user && user.avatar" :size="size" class="icon" :src="user.avatar" />
|
|
|
- <el-avatar v-else :size="size" class="icon" :icon="UserFilled" />
|
|
|
- <div v-if="showName && user && user.name" class="name" :style="NameStyle">{{ user.name }}</div>
|
|
|
+ <!-- <el-avatar v-else :size="size" class="icon" :icon="UserFilled" /> -->
|
|
|
+ <el-avatar v-else :size="size" class="icon">
|
|
|
+ <template v-if="name">
|
|
|
+ {{ name.charAt(0) }}
|
|
|
+ </template>
|
|
|
+ <UserFilled v-else />
|
|
|
+ </el-avatar>
|
|
|
+ <!-- <div v-if="showName && user && user.name" class="name" :style="NameStyle">{{ user.name }}</div> -->
|
|
|
+ <div class="name" :style="NameStyle">{{ name }}</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
import { computed, ref, watch, onBeforeMount } from 'vue'
|
|
|
-import { UserFilled } from '@element-plus/icons-vue'
|
|
|
+// import { UserFilled } from '@element-plus/icons-vue'
|
|
|
|
|
|
const user = ref({})
|
|
|
|
|
|
const props = defineProps({
|
|
|
size: { type: Number, default: 24 },
|
|
|
id: { type: String, default: '' },
|
|
|
+ name: { type: String, default: '' },
|
|
|
+ avatar: { type: String, default: '' },
|
|
|
showName: { type: Boolean, default: true }
|
|
|
})
|
|
|
|