修复详情页账号截图加载

This commit is contained in:
yml2213
2026-06-08 07:35:43 +08:00
parent 353f62edf0
commit c4420dc753
4 changed files with 121 additions and 125 deletions
@@ -10,6 +10,7 @@ import {
type OrderAgreements,
} from '@/features/orders/api/orders'
import { useSessionStore } from '@/stores/session'
import AuthImage from '@/shared/components/business/AuthImage.vue'
import { roundMoney, formatMoney } from '@/shared/utils/money'
import {
assetRegions,
@@ -321,7 +322,13 @@ function listingPrice(item: Listing) {
<div v-if="listing" class="pc-detail-layout">
<section class="pc-detail-main">
<div class="detail-hero-card">
<img v-if="coverURL" :src="coverURL" :alt="getListingTitle(listing)" />
<AuthImage
v-if="coverURL"
:source="coverURL"
:alt="getListingTitle(listing)"
image-class="detail-hero-img"
loading="eager"
/>
<span v-else>HFB ACCOUNT</span>
<div class="detail-hero-overlay">
<div class="detail-tags">
@@ -417,7 +424,7 @@ function listingPrice(item: Listing) {
</div>
<div class="detail-screenshot-grid">
<figure v-for="shot in detailScreenshots" :key="shot.url" class="detail-screenshot">
<img :src="shot.url" :alt="shot.label" loading="lazy" decoding="async" />
<AuthImage :source="shot.url" :alt="shot.label" />
<figcaption>{{ shot.label }}</figcaption>
</figure>
</div>