| | |
|---|
| | | <div class="panel-content flex flex-col items-center"> |
|---|
| | | <div class="avatar-container w-40 h-40 rounded-full overflow-hidden"> |
|---|
| | | <div class="avatar-content" v-if="userInfo.imagePath"> |
|---|
| | | <img src="@/assets/image/avatar/avatar.png" class="avatar-img" alt=""> |
|---|
| | | <img :src="userInfo.imagePath" class="avatar-img" alt=""> |
|---|
| | | </div> |
|---|
| | | <div class="avatar-content" :style="{backgroundColor: getColor}" v-else> |
|---|
| | | <div class="name text-5xl font-bold text-white">{{ getFirstName }}</div> |
|---|
| | |
|---|
| | | |
|---|
| | | const getFirstName = computed(() => { |
|---|
| | | return userInfo.value.realName && userInfo.value.realName[0]; |
|---|
| | | }) |
|---|
| | | }); |
|---|
| | | |
|---|
| | | const toolClick = (item) => { |
|---|
| | | if (item.path) { |
|---|
