test(图片缓存功能): 针对静态图片缓存进行测试
This commit is contained in:
parent
d9cf63af3d
commit
16559b0019
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div style="position: relative; width: 100%">
|
||||
<!-- 背景图 -->
|
||||
<img :src="imgUrl" alt="" width="100%" style="display: block" />
|
||||
<img v-smart-img :src="imgUrl" alt="" width="100%" style="display: block" />
|
||||
<!-- 内容 -->
|
||||
<div
|
||||
style="
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
<div style="width: 100%">
|
||||
<div style="position: relative">
|
||||
<img
|
||||
v-smart-img
|
||||
:src="BorderImgUrl"
|
||||
alt=""
|
||||
width="100%"
|
||||
@ -23,6 +24,7 @@
|
||||
>
|
||||
<div :style="{ width: isTopOne ? '31%' : '58%' }">
|
||||
<img
|
||||
v-smart-img
|
||||
:src="avatarUrl || ''"
|
||||
alt=""
|
||||
width="100%"
|
||||
@ -81,6 +83,7 @@
|
||||
}"
|
||||
>
|
||||
<img
|
||||
v-smart-img
|
||||
src="/src/assets/icon/coin.png"
|
||||
alt=""
|
||||
style="display: block"
|
||||
|
||||
@ -12,6 +12,7 @@
|
||||
<div style="margin-top: 80vw; display: flex; justify-content: flex-end; align-items: center">
|
||||
<!-- 帮助按钮 -->
|
||||
<img
|
||||
v-smart-img
|
||||
:src="images.help"
|
||||
alt=""
|
||||
style="display: block; position: relative; width: 10%; margin-right: 8px"
|
||||
@ -57,6 +58,7 @@
|
||||
>
|
||||
<itemCenter :imgUrl="images.giftItemBg"
|
||||
><img
|
||||
v-smart-img
|
||||
:src="gift.giftPhoto"
|
||||
alt=""
|
||||
width="70%"
|
||||
@ -64,6 +66,7 @@
|
||||
/></itemCenter>
|
||||
<div style="display: flex; justify-content: center; align-items: center; gap: 5px">
|
||||
<img
|
||||
v-smart-img
|
||||
src="/src/assets/icon/coin.png"
|
||||
alt=""
|
||||
style="display: block; width: 25%; aspect-ratio: 1/1"
|
||||
@ -80,12 +83,14 @@
|
||||
<!-- 切换按钮 -->
|
||||
<div style="display: flex; justify-content: space-around">
|
||||
<img
|
||||
v-smart-img
|
||||
:src="rankingShow ? images.rankingBtActive : images.rankingBt"
|
||||
alt=""
|
||||
style="display: block; width: 40%"
|
||||
@click="rankingShow = true"
|
||||
/>
|
||||
<img
|
||||
v-smart-img
|
||||
:src="!rankingShow ? images.rewardBtActive : images.rewardsBt"
|
||||
alt=""
|
||||
style="display: block; width: 40%"
|
||||
@ -160,6 +165,7 @@
|
||||
{{ listItem?.rank }}
|
||||
</div>
|
||||
<img
|
||||
v-smart-img
|
||||
:src="listItem?.avatar || ''"
|
||||
alt=""
|
||||
style="
|
||||
@ -202,6 +208,7 @@
|
||||
|
||||
<div style="flex: 1; min-width: 0; display: flex; align-items: center">
|
||||
<img
|
||||
v-smart-img
|
||||
src="/src/assets/icon/coin.png"
|
||||
alt=""
|
||||
style="display: block; width: 30%; aspect-ratio: 1/1; object-fit: cover"
|
||||
@ -215,6 +222,7 @@
|
||||
|
||||
<!-- 底框 -->
|
||||
<img
|
||||
v-smart-img
|
||||
:src="images.RankingBottomBorder"
|
||||
alt=""
|
||||
width="100%"
|
||||
@ -244,6 +252,7 @@
|
||||
>
|
||||
<itemCenter :imgUrl="images.giftItemBg">
|
||||
<img
|
||||
v-smart-img
|
||||
:src="reward.cover || ''"
|
||||
alt=""
|
||||
width="70%"
|
||||
@ -293,6 +302,7 @@
|
||||
</div>
|
||||
<!-- 头像 -->
|
||||
<img
|
||||
v-smart-img
|
||||
:src="myRanking.avatar || ''"
|
||||
alt=""
|
||||
style="
|
||||
@ -335,6 +345,7 @@
|
||||
style="flex: 1; min-width: 0; display: flex; justify-content: center; align-items: center"
|
||||
>
|
||||
<img
|
||||
v-smart-img
|
||||
src="/src/assets/icon/coin.png"
|
||||
alt=""
|
||||
style="display: block; width: 30%; aspect-ratio: 1/1; object-fit: cover"
|
||||
@ -349,7 +360,7 @@
|
||||
<maskLayer :maskLayerShow="maskLayerShow" @click="maskLayerShow = false">
|
||||
<!-- help弹窗 -->
|
||||
<div style="margin: 20% 0" @click.stop>
|
||||
<img :src="images.helpInfo" alt="" style="display: block; width: 100%" />
|
||||
<img v-smart-img :src="images.helpInfo" alt="" style="display: block; width: 100%" />
|
||||
</div>
|
||||
</maskLayer>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user