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 2026-04-09 20:14:25 +08:00
parent 9fe4400fcd
commit 42ab7316b3
3 changed files with 28 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/Activities/LuckyDollars/Season4/components/Barrage.vue
View File

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

2
src/views/Activities/LuckyDollars/Season4/components/topUser.vue
View File

@ -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({

40
src/views/Activities/LuckyDollars/Season4/index.vue
View File

@ -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 { preloadImages } from '@/utils/imagePreloader.js'
import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.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 webpUrl = (filename) => getWebpUrl('Activities/newYear/', filename)
const imageUrl = (filename) => getPngUrl('Activities/LuckyDollars/Season4/', 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;