feat(cp排行榜): 补充预加载
This commit is contained in:
parent
6257c18ecb
commit
306a23e50f
@ -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;`"
|
||||||
>
|
>
|
||||||
<!-- 水晶数量 -->
|
<!-- 水晶数量 -->
|
||||||
|
|||||||
@ -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"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -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"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -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
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user