Fun/SearcjGal-frontend
1
0
Fork 0
mirror of https://github.com/Moe-Sakura/frontend.git synced 2026-03-15 04:53:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #45 from Moe-Sakura/dev

Browse Source 
Dev
This commit is contained in:
Asuna
2025-12-26 19:12:29 +08:00
committed by GitHub
parent 3f964cd9ee 228390194e
commit a61ddb0612
2 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/VndbPanel.vue
View File

@@ -391,16 +391,20 @@
> >
<!-- 图片区域 --> <!-- 图片区域 -->
<div class="w-full relative"> <div class="w-full relative">
<!-- 骨架屏占位 (padding-bottom: 133.33% = 3:4 比例) --> <!-- 占位 (padding-bottom: 133.33% = 3:4 比例) -->
<div class="w-full pb-[133.33%] skeleton bg-rose-100 dark:bg-rose-900/30" /> <div class="w-full pb-[133.33%]" />
<img <!-- 有图片时：骨架屏 + 图片 -->
v-if="char.image" <template v-if="char.image">
:src="char.image" <div class="absolute inset-0 skeleton bg-rose-100 dark:bg-rose-900/30" />
:alt="char.name" <img
class="absolute inset-0 w-full h-full object-cover" :src="char.image"
loading="lazy" :alt="char.name"
@load="($event.target as HTMLElement).parentElement?.querySelector('.skeleton')?.classList.add('hidden')" class="absolute inset-0 w-full h-full object-cover"
/> loading="lazy"
@load="($event.target as HTMLElement).parentElement?.querySelector('.skeleton')?.classList.add('hidden')"
/>
</template>
<!-- 无图片时：占位符 -->
<div v-else class="absolute inset-0 flex items-center justify-center bg-rose-50 dark:bg-rose-900/30"> <div v-else class="absolute inset-0 flex items-center justify-center bg-rose-50 dark:bg-rose-900/30">
<Users :size="24" class="text-rose-400 dark:text-rose-600" /> <Users :size="24" class="text-rose-400 dark:text-rose-600" />
</div> </div>

6
src/data/friends.json
View File

@@ -35,6 +35,12 @@
"desc": "galgame资源分享站", "desc": "galgame资源分享站",
"url": "https://kisugal.icu", "url": "https://kisugal.icu",
"logo": "https://kisugal.icu/wp-content/uploads/2025/11/logo-1.jpg" "logo": "https://kisugal.icu/wp-content/uploads/2025/11/logo-1.jpg"
},
{
"name": "玖黎ACG",
"desc": "一个免费分享Gal,Cos,Asmr的网站(∠・ω< )⌒★",
"url": "https://jiuliacg.com",
"logo": "https://img.alicdn.com/imgextra/i4/2201716776317/O1CN01kwy3QY1wXF2tUVkUx_!!2201716776317.webp"
} }
] ]
} }