feat(幸运美金页): 修复文件和图片的导入问题

src/views/Activities/LuckyDollars/Season4/components/Barrage.vue

@@ -62,7 +62,7 @@
 <script setup>
 import { ref, computed, onMounted, onUnmounted, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 
 const { locale, t } = useI18n()
 

src/views/Activities/LuckyDollars/Season4/components/topUser.vue

@@ -89,7 +89,7 @@
 </template>
 
 <script setup>
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { computed } from 'vue'
 
 const props = defineProps({

src/views/Activities/LuckyDollars/Season4/index.vue

@@ -19,7 +19,7 @@
       <!-- 页面内容 -->
       <div class="content-layer" style="position: relative; z-index: 2">
         <!-- 头部动画 -->
-        <img v-smart-img :src="webpUrl('pageTop')" alt="" width="100%" style="display: block" />
+        <!-- <img v-smart-img :src="webpUrl('pageTop')" alt="" width="100%" style="display: block" /> -->
 
         <!-- 倒计时和帮助按钮 -->
         <div class="timeAndHelp">
@@ -989,7 +989,7 @@
               <!-- 帮助按钮 -->
               <img
                 v-smart-img
-                src="/src/assets/icon/helpWhite.png"
+                src="/src/assets/icon/Azizi/helpWhite.png"
                 alt=""
                 class="ruleBt"
                 @click="openPopup('help')"
@@ -1076,7 +1076,7 @@
               <img
                 v-smart-img
                 class="flipImg"
-                src="/src/assets/icon/arrowWhite.png"
+                src="/src/assets/icon/Azizi/arrowWhite.png"
                 alt=""
                 style="width: 1em; display: block; transition: all 0.2s ease"
                 :class="{ rotated: transferShow }"
@@ -1230,7 +1230,12 @@
                     @click="selectCoin(coin)"
                     :class="['coin-item', { selected: selectedCoin?.id === coin.id }]"
                   >
-                    <img v-smart-img src="/src/assets/icon/dollar.png" alt="" style="width: 40%" />
+                    <img
+                      v-smart-img
+                      src="/src/assets/icon/Azizi/dollar.png"
+                      alt=""
+                      style="width: 40%"
+                    />
                     <div style="font-weight: 500; color: #fff">${{ coin.price }}</div>
                   </div>
                 </div>
@@ -1280,7 +1285,7 @@
               <img
                 v-smart-img
                 class="flipImg"
-                src="/src/assets/icon/arrowWhite.png"
+                src="/src/assets/icon/Azizi/arrowWhite.png"
                 alt=""
                 style="width: 1em; display: block; transition: all 0.2s ease"
                 :class="{ rotated: exchangeShow }"
@@ -1306,7 +1311,12 @@
                     @click="selectCoin(coin)"
                     :class="['coin-item', { selected: selectedCoin?.id == coin.id }]"
                   >
-                    <img v-smart-img src="/src/assets/icon/coin.png" alt="" style="width: 40%" />
+                    <img
+                      v-smart-img
+                      src="/src/assets/icon/Azizi/coin.png"
+                      alt=""
+                      style="width: 40%"
+                    />
                     <div style="font-size: 0.7em">{{ coin.amount }} coins x1</div>
                     <div style="font-weight: 500; color: #fff">${{ coin.price }}</div>
                   </div>
@@ -1359,7 +1369,7 @@
               <img
                 v-smart-img
                 class="flipImg"
-                src="/src/assets/icon/arrowWhite.png"
+                src="/src/assets/icon/Azizi/arrowWhite.png"
                 alt=""
                 style="width: 1em; display: block"
               />
@@ -1647,8 +1657,8 @@ import { setUserInfo } from '@/utils/userStore.js'
 import { formatUTCCustom } from '@/utils/utcFormat.js'
 import { showError, showSuccess } from '@/utils/toast.js'
 import { getSelectedPayee, clearSelectedPayee } from '@/utils/payeeStore.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { useThrottle } from '@/utils/useDebounce'
 
 import { getMemberProfile, getUserIdentity } from '@/api/wallet'
@@ -1693,8 +1703,8 @@ const currentLangType = computed(() => {
 const isLoading = ref(true) // 预加载状态
 
 // 获取OSS图片URL的函数
-const imageUrl = (filename) => getPngUrl('Activities/newYear/', filename)
+const imageUrl = (filename) => getPngUrl('Activities/LuckyDollars/Season4/', filename)
-const webpUrl = (filename) => getWebpUrl('Activities/newYear/', filename)
+const webpUrl = (filename) => getWebpUrl('Activities/LuckyDollars/Season4/', filename)
 
 // 根据语言获取图片名
 const getImgName = (filename) => {
@@ -2605,7 +2615,7 @@ const initData = async () => {
 // 预加载关键图片
 const preloadCriticalImages = async () => {
   const criticalImages = [
-    webpUrl('pageTop'),
+    // webpUrl('pageTop'),
     imageUrl('bg0'),
     imageUrl('bg1'),
     imageUrl('bg2'),
@@ -2617,6 +2627,8 @@ const preloadCriticalImages = async () => {
     imageUrl('rechargehidden'),
     imageUrl('rechargeShow'),
     imageUrl('rewardBg'),
+    imageUrl('rewardBack'),
+    imageUrl('rewardNext'),
     imageUrl(getImgName('rewardReceive')),
     imageUrl(getImgName('rewardReceived')),
     imageUrl(getImgName('rewardReceiveNot')),
@@ -2659,7 +2671,7 @@ const preloadOtherImages = async () => {
     imageUrl(getImgName('lotteryBtActive')),
     imageUrl('myRankingBg'),
     imageUrl('RankingItem'),
-    imageUrl('rulesBt'),
+    imageUrl(getImgName('rulesBt')),
     imageUrl(getImgName('ruleInfo')),
     imageUrl('taskBtGo'),
     imageUrl('taskBtReceive'),
@@ -2924,7 +2936,7 @@ onUnmounted(() => {
 }
 
 .timeAndHelp {
-  margin-top: -12vw;
+  margin-top: 90vw;
   display: flex;
   justify-content: space-between;
   align-items: center;