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

src/components/workReportBox.vue

@@ -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"

src/views/Activities/JackPot/index.vue

@@ -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);

src/views/Activities/LuckyChampion/index.vue

@@ -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);

src/views/Activities/MerryChristmas/index.vue

@@ -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);

src/views/Ranking/GamesKing/index.vue

@@ -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);