hy/aslan-h5
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(图片处理): 针对部分不需要渐渐显现效果的图片进行处理

Browse Source
This commit is contained in:
hzj 2025-12-25 18:05:06 +08:00
parent 2fc58c1ae6
commit 042de97624
5 changed files with 8 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/workReportBox.vue
View File

@ -1,6 +1,13 @@
<template>
<div style="position: relative; width: 100%">
<img v-smart-img class="flipImg" :src="whiteBox" alt="" width="100%" style="display: block" />
<img
v-smart-img.noFade
class="flipImg"
:src="whiteBox"
alt=""
width="100%"
style="display: block"
/>
<div :style="{ backgroundImage }" class="status-background">
<div
style="width: 50%; height: 50%; display: flex; justify-content: center; align-items: center"

8
src/views/Activities/JackPot/index.vue
View File

@ -67,7 +67,6 @@
<img
v-show="!rankingShow"
v-smart-img
class="toggle-image"
:src="imageUrl(getImgName('rankingBt'))"
alt=""
style="display: block; width: 100%"
@ -75,7 +74,6 @@
<img
v-show="rankingShow"
v-smart-img
class="toggle-image"
:src="imageUrl(getImgName('rankingBtActive'))"
alt=""
style="display: block; width: 100%"
@ -87,7 +85,6 @@
<img
v-show="rankingShow"
v-smart-img
class="toggle-image"
:src="imageUrl(getImgName('rewardsBt'))"
alt=""
style="display: block; width: 100%"
@ -95,7 +92,6 @@
<img
v-show="!rankingShow"
v-smart-img
class="toggle-image"
:src="imageUrl(getImgName('rewardBtActive'))"
alt=""
style="display: block; width: 100%"
@ -806,10 +802,6 @@ onUnmounted(() => {
margin-bottom: 12px;
}
.toggle-image {
transition: opacity 0.3s ease-in-out;
}
@keyframes spin {
0% {
transform: rotate(0deg);

8
src/views/Activities/LuckyChampion/index.vue
View File

@ -67,7 +67,6 @@
<img
v-show="!rankingShow"
v-smart-img
class="toggle-image"
:src="imageUrl(getImgName('rankingBt'))"
alt=""
style="display: block; width: 100%"
@ -75,7 +74,6 @@
<img
v-show="rankingShow"
v-smart-img
class="toggle-image"
:src="imageUrl(getImgName('rankingBtActive'))"
alt=""
style="display: block; width: 100%"
@ -87,7 +85,6 @@
<img
v-show="rankingShow"
v-smart-img
class="toggle-image"
:src="imageUrl(getImgName('rewardsBt'))"
alt=""
style="display: block; width: 100%"
@ -95,7 +92,6 @@
<img
v-show="!rankingShow"
v-smart-img
class="toggle-image"
:src="imageUrl(getImgName('rewardBtActive'))"
alt=""
style="display: block; width: 100%"
@ -818,10 +814,6 @@ onUnmounted(() => {
margin-bottom: 12px;
}
.toggle-image {
transition: opacity 0.3s ease-in-out;
}
@keyframes spin {
0% {
transform: rotate(0deg);

8
src/views/Activities/MerryChristmas/index.vue
View File

@ -140,7 +140,6 @@
<img
v-show="!rankingShow"
v-smart-img
class="toggle-image"
:src="imageUrl('rankingBt')"
alt=""
style="display: block; width: 100%"
@ -148,7 +147,6 @@
<img
v-show="rankingShow"
v-smart-img
class="toggle-image"
:src="imageUrl('rankingBtActive')"
alt=""
style="display: block; width: 100%"
@ -160,7 +158,6 @@
<img
v-show="rankingShow"
v-smart-img
class="toggle-image"
:src="imageUrl('rewardsBt')"
alt=""
style="display: block; width: 100%"
@ -168,7 +165,6 @@
<img
v-show="!rankingShow"
v-smart-img
class="toggle-image"
:src="imageUrl('rewardBtActive')"
alt=""
style="display: block; width: 100%"
@ -890,10 +886,6 @@ onUnmounted(() => {
margin-bottom: 12px;
}
.toggle-image {
transition: all 0.3s ease-in-out;
}
@keyframes spin {
0% {
transform: rotate(0deg);

8
src/views/Ranking/GamesKing/index.vue
View File

@ -90,7 +90,6 @@
<img
v-show="!rankingShow"
v-smart-img
class="toggle-image"
:src="imageUrl(getImgName('rankingBt'))"
alt=""
style="display: block; width: 100%"
@ -98,7 +97,6 @@
<img
v-show="rankingShow"
v-smart-img
class="toggle-image"
:src="imageUrl(getImgName('rankingBtActive'))"
alt=""
style="display: block; width: 100%"
@ -110,7 +108,6 @@
<img
v-show="rankingShow"
v-smart-img
class="toggle-image"
:src="imageUrl(getImgName('rewardsBt'))"
alt=""
style="display: block; width: 100%"
@ -118,7 +115,6 @@
<img
v-show="!rankingShow"
v-smart-img
class="toggle-image"
:src="imageUrl(getImgName('rewardBtActive'))"
alt=""
style="display: block; width: 100%"
@ -935,10 +931,6 @@ onUnmounted(() => {
margin-bottom: 12px;
}
.toggle-image {
transition: opacity 0.3s ease-in-out;
}
@keyframes spin {
0% {
transform: rotate(0deg);