mirror of
https://github.com/nagisa77/OpenIsle.git
synced 2026-05-08 03:37:28 +08:00
fix: base avatar 重构
This commit is contained in:
@@ -1,28 +1,19 @@
|
||||
<template>
|
||||
<NuxtLink
|
||||
v-if="isLink"
|
||||
:to="resolvedLink"
|
||||
class="base-user-avatar"
|
||||
:class="wrapperClass"
|
||||
:style="wrapperStyle"
|
||||
v-bind="wrapperAttrs"
|
||||
>
|
||||
<img :src="currentSrc" :alt="altText" class="base-user-avatar-img" @error="onError" />
|
||||
<BaseImage :src="currentSrc" :alt="altText" class="base-user-avatar-img" @error="onError" />
|
||||
</NuxtLink>
|
||||
<div
|
||||
v-else
|
||||
class="base-user-avatar"
|
||||
:class="wrapperClass"
|
||||
:style="wrapperStyle"
|
||||
v-bind="wrapperAttrs"
|
||||
>
|
||||
<img :src="currentSrc" :alt="altText" class="base-user-avatar-img" @error="onError" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { computed, ref, watch } from 'vue'
|
||||
import { useAttrs } from 'vue'
|
||||
import BaseImage from './BaseImage.vue'
|
||||
|
||||
const DEFAULT_AVATAR = '/default-avatar.svg'
|
||||
|
||||
@@ -76,8 +67,6 @@ const resolvedLink = computed(() => {
|
||||
return null
|
||||
})
|
||||
|
||||
const isLink = computed(() => !props.disableLink && Boolean(resolvedLink.value))
|
||||
|
||||
const altText = computed(() => props.alt || '用户头像')
|
||||
|
||||
const sizeStyle = computed(() => {
|
||||
|
||||
Reference in New Issue
Block a user