feat(cp排行榜): 补充预加载

This commit is contained in:
hzj 2026-01-20 10:39:40 +08:00
parent 6257c18ecb
commit 306a23e50f
4 changed files with 64 additions and 22 deletions

View File

@ -79,7 +79,7 @@
<itemCenter <itemCenter
style="position: relative; z-index: 1" style="position: relative; z-index: 1"
:imgUrl="imageUrl(getImgName('myPropsBg'))" :imgUrl="imageUrl('myPropsBg')"
:contentStyle="`inset: 28vw 17vw 25vw;justify-content:space-between;`" :contentStyle="`inset: 28vw 17vw 25vw;justify-content:space-between;`"
> >
<!-- 水晶数量 --> <!-- 水晶数量 -->

View File

@ -35,7 +35,7 @@
</div> </div>
<img <img
v-smart-img v-smart-img
:src="imageUrl(getImgName('debris'))" :src="imageUrl('debris')"
alt="" alt=""
style="display: block; width: 1em; object-fit: cover" style="display: block; width: 1em; object-fit: cover"
/> />

View File

@ -81,7 +81,7 @@
> >
<img <img
v-smart-img v-smart-img
:src="imageUrl(getImgName('crystal'))" :src="imageUrl('crystal')"
alt="" alt=""
style="display: block; width: 8vw; object-fit: cover" style="display: block; width: 8vw; object-fit: cover"
/> />
@ -109,7 +109,7 @@
> >
<img <img
v-smart-img v-smart-img
:src="imageUrl(getImgName('crystal'))" :src="imageUrl('crystal')"
alt="" alt=""
style="display: block; width: 3em; object-fit: cover" style="display: block; width: 3em; object-fit: cover"
/> />
@ -160,7 +160,7 @@
> >
<img <img
v-smart-img v-smart-img
:src="imageUrl(getImgName('crystal'))" :src="imageUrl('crystal')"
alt="" alt=""
style="display: block; width: 3em; object-fit: cover" style="display: block; width: 3em; object-fit: cover"
/> />

View File

@ -41,7 +41,7 @@
<div <div
style="width: 100%; display: flex; justify-content: space-between; align-items: center" style="width: 100%; display: flex; justify-content: space-between; align-items: center"
> >
<!-- 上一个奖品 --> <!-- 上一个季度 -->
<div <div
style=" style="
width: 8vw; width: 8vw;
@ -61,13 +61,13 @@
@click="resultShowIndex--" @click="resultShowIndex--"
/> --> /> -->
</div> </div>
<!-- 奖品 --> <!-- top1 -->
<itemCenter <itemCenter
style="width: 60%" style="width: 60%"
:imgUrl="imageUrl('topCoupleFrame')" :imgUrl="imageUrl('topCoupleFrame')"
:contentStyle="``" :contentStyle="``"
></itemCenter> ></itemCenter>
<!-- 下一个奖品 --> <!-- 下一个季度 -->
<div <div
style=" style="
width: 8vw; width: 8vw;
@ -1637,15 +1637,63 @@ const initData = async () => {
// //
const preloadCriticalImages = async () => { const preloadCriticalImages = async () => {
const criticalImages = [] const criticalImages = [
//
imageUrl('bg1'),
imageUrl('bg2'),
imageUrl('bg3'),
imageUrl('bg3'),
const criticalImages_ar = [] //
imageUrl('coupleSign'),
if (currentLangType.value == 'en') { //
await preloadImages(criticalImages) imageUrl(getImgName('letterBg')),
} else if (currentLangType.value == 'ar') {
await preloadImages(criticalImages_ar) //
} imageUrl(getImgName('historyTopBg')),
imageUrl('topCoupleFrame'),
//
imageUrl(getImgName('rankingBtActive')),
imageUrl(getImgName('rankingBt')),
imageUrl(getImgName('gamePlayBtActive')),
imageUrl(getImgName('gamePlayBt')),
imageUrl(getImgName('rankingWeeklyBtActive')),
imageUrl(getImgName('rankingWeeklyBt')),
imageUrl(getImgName('rankingSeasonBtActive')),
imageUrl(getImgName('rankingSeasonBt')),
imageUrl(getImgName('gameLotteryBtActive')),
imageUrl(getImgName('gameLotteryBt')),
imageUrl(getImgName('gameSignInBtActive')),
imageUrl(getImgName('gameSignInBt')),
imageUrl(getImgName('gameExchangeBtActive')),
imageUrl(getImgName('gameExchangeBt')),
//
imageUrl(`timeBg`),
imageUrl('helpBt'),
imageUrl(`top1Ranking`),
imageUrl(`top2Ranking`),
imageUrl(`top3Ranking`),
imageUrl(`rankingItemBg`),
imageUrl('distribution'),
imageUrl(`num0`),
imageUrl(`num1`),
imageUrl(`num2`),
imageUrl(`num3`),
imageUrl(`num4`),
imageUrl(`num5`),
imageUrl(`num6`),
imageUrl(`num7`),
imageUrl(`num8`),
imageUrl(`num9`),
imageUrl('myRankingBg'),
imageUrl('distribution'),
imageUrl(getImgName('lastLetterBg')),
]
await preloadImages(criticalImages)
} }
// //
@ -1666,13 +1714,7 @@ const completePreloading = async () => {
const preloadOtherImages = async () => { const preloadOtherImages = async () => {
const criticalImages = [] const criticalImages = []
const criticalImages_ar = [] await preloadImages(criticalImages)
if (currentLangType.value == 'en') {
await preloadImages(criticalImages)
} else if (currentLangType.value == 'ar') {
await preloadImages(criticalImages_ar)
}
} }
// 使APP // 使APP