feat:引入懒加载,防止弱网情况下无法正常加载应用图标或详情页图片

This commit is contained in:
2026-02-27 23:25:38 +08:00
parent 88670be15e
commit 749cf3d3bf
3 changed files with 26 additions and 13 deletions

View File

@@ -12,7 +12,11 @@
class="flex flex-col items-start gap-2 rounded-2xl border border-slate-200/70 bg-white/90 p-4 shadow-sm hover:shadow-lg transition"
:title="link.more"
>
<img :src="computedImgUrl(link.imgUrl)" class="h-20 w-full object-contain" />
<img
:src="computedImgUrl(link.imgUrl)"
class="h-20 w-full object-contain"
loading="lazy"
/>
<div class="text-base font-semibold text-slate-900">{{ link.name }}</div>
<div class="text-sm text-slate-500">{{ link.more }}</div>
</a>