XuanShengHua/xsh-assistant-next
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(avatar-management): 优化头像模型界面，添加下载图片功能和显示模型ID

Browse Source
This commit is contained in:
Timothy Yin
2025-01-13 11:51:29 +08:00
parent eac05f8e2b
commit acc241e1a0
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
pages/generation/avatar-models.vue
View File

@@ -72,19 +72,19 @@ const columns = [
<UBadge color="white" variant="solid" icon="tabler:user-screen">{{ avatar.name }}</UBadge> <UBadge color="white" variant="solid" icon="tabler:user-screen">{{ avatar.name }}</UBadge>
</div> </div>
<div <div
class="absolute inset-0 flex justify-center items-center bg-white/50 opacity-0 group-hover:opacity-100 transition-opacity"> class="absolute inset-0 flex flex-col justify-center items-center bg-white/50 dark:bg-neutral-800/50 backdrop-blur opacity-0 group-hover:opacity-100 transition-opacity">
<UButtonGroup> <UButtonGroup>
<UButton color="gray" icon="tabler:download" label="下载图片" variant="soft" @click="() => { <UButton color="black" icon="tabler:download" label="下载图片" @click="() => {
const { download } = useDownload(avatar.avatar, `数字人_${avatar.name}.png`) const { download } = useDownload(avatar.avatar, `数字人_${avatar.name}.png`)
download() download()
}"></UButton> }"/>
</UButtonGroup> </UButtonGroup>
<span class="text-xs font-medium text-neutral-400 dark:text-neutral-300 pt-4">ID: {{ avatar.model_id }}</span>
</div> </div>
</div> </div>
</div> </div>
<div v-else> <div v-else>
<div class="flex flex-col gap-4"> <div class="flex flex-col gap-4">
<pre>{{ userAvatarList?.data.items }}</pre>
<UTable :rows="userAvatarList?.data.items" :columns="columns" :loading="userAvatarStatus === 'pending'" <UTable :rows="userAvatarList?.data.items" :columns="columns" :loading="userAvatarStatus === 'pending'"
:progress="{ color: 'amber', animation: 'carousel' }" class="border dark:border-neutral-800 rounded-md"> :progress="{ color: 'amber', animation: 'carousel' }" class="border dark:border-neutral-800 rounded-md">
<template #avatar-data="{ row }"> <template #avatar-data="{ row }">