From 61a3541ad0328dd9ea7852b69c035e856e404fe7 Mon Sep 17 00:00:00 2001 From: hzj <1304805162@qq.com> Date: Mon, 18 May 2026 16:59:18 +0800 Subject: [PATCH] =?UTF-8?q?chore:=20oss=E7=9A=84png=E8=BD=ACwebp=E6=A0=BC?= =?UTF-8?q?=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Activities/LuckyDollars/Season5/index.vue | 224 +++++++++--------- src/views/GoodID/index.vue | 32 +-- src/views/Invitation/inviteNewUser.vue | 108 ++++----- 3 files changed, 182 insertions(+), 182 deletions(-) diff --git a/src/views/Activities/LuckyDollars/Season5/index.vue b/src/views/Activities/LuckyDollars/Season5/index.vue index 3ca0c15..8d5a031 100644 --- a/src/views/Activities/LuckyDollars/Season5/index.vue +++ b/src/views/Activities/LuckyDollars/Season5/index.vue @@ -13,7 +13,7 @@ @@ -26,25 +26,25 @@
- +
{{ Days }}D
- +
{{ Hours }}
:
- +
{{ Minutes }}
:
- +
{{ Seconds }}
@@ -53,7 +53,7 @@ @@ -88,14 +88,14 @@ @@ -103,7 +103,7 @@
- +
- +
- + @@ -267,7 +267,7 @@ @@ -395,7 +395,7 @@
@@ -705,7 +705,7 @@ {{ t('Rewards:') }}
@@ -881,7 +881,7 @@ @@ -1465,7 +1465,7 @@
1 && resultShowIndex > 0" - :src="imageUrl('rewardBack')" + :src="webpUrl('rewardBack')" alt="" style="display: block; width: 100%; object-fit: cover" @click="resultShowIndex--" @@ -1520,7 +1520,7 @@
- +
- +
- +
@@ -1701,8 +1701,8 @@ const currentLangType = computed(() => { const isLoading = ref(true) // 预加载状态 // 获取OSS图片URL的函数 -const imageUrl = (filename) => getPngUrl('Activities/LuckyDollars/Season5/', filename) -const webpUrl = (filename) => getWebpUrl('Activities/LuckyDollars/Season5/', filename) +// const imageUrl = (filename) => getPngUrl('Activities/LuckyDollars/Season5/', filename) +const webpUrl = (filename) => getWebpUrl('Activities/LuckyDollars/Season5New/', filename) // 根据语言获取图片名 const getImgName = (filename) => { @@ -1778,12 +1778,12 @@ const rankingTotal = computed(() => { }) const myRanking = ref({}) //我的排名 const topImg = ref([ - imageUrl('RewardRecharge100'), - imageUrl('RewardRecharge500'), - imageUrl('RewardRecharge1000'), - imageUrl('RewardRecharge3000'), - imageUrl('RewardRecharge5000'), - imageUrl('RewardRecharge10000'), + webpUrl('RewardRecharge100'), + webpUrl('RewardRecharge500'), + webpUrl('RewardRecharge1000'), + webpUrl('RewardRecharge3000'), + webpUrl('RewardRecharge5000'), + webpUrl('RewardRecharge10000'), ]) // top图片 // 处理排行榜小于3人时的情况 @@ -2367,7 +2367,7 @@ const getActivityReward = async () => { addReward = [ // { // type: 'TICKET', - // cover: imageUrl('ticket'), + // cover: webpUrl('ticket'), // content: 10, // }, ] @@ -2375,7 +2375,7 @@ const getActivityReward = async () => { addReward = [ { type: 'TICKET', - cover: imageUrl('ticket'), + cover: webpUrl('ticket'), content: 15, }, ] @@ -2383,7 +2383,7 @@ const getActivityReward = async () => { addReward = [ { type: 'TICKET', - cover: imageUrl('ticket'), + cover: webpUrl('ticket'), content: 20, }, ] @@ -2391,12 +2391,12 @@ const getActivityReward = async () => { addReward = [ { type: 'TICKET', - cover: imageUrl('ticket'), + cover: webpUrl('ticket'), content: 30, }, { type: 'GIFT', - cover: imageUrl('reward_gift'), + cover: webpUrl('reward_gift'), content: 1, }, ] @@ -2404,12 +2404,12 @@ const getActivityReward = async () => { addReward = [ { type: 'TICKET', - cover: imageUrl('ticket'), + cover: webpUrl('ticket'), content: 40, }, { type: 'GIFT', - cover: imageUrl('reward_gift'), + cover: webpUrl('reward_gift'), content: 1, }, ] @@ -2417,24 +2417,24 @@ const getActivityReward = async () => { addReward = [ { type: 'TICKET', - cover: imageUrl('ticket'), + cover: webpUrl('ticket'), content: 50, }, { type: 'GIFT', - cover: imageUrl('reward_gift'), + cover: webpUrl('reward_gift'), content: 1, }, { type: 'PROPS', detailType: 'AVATAR_FRAME', - cover: imageUrl('reward_frame'), + cover: webpUrl('reward_frame'), quantity: 365, }, { type: 'PROPS', detailType: 'RIDE', - cover: imageUrl('reward_ride'), + cover: webpUrl('reward_ride'), quantity: 60, }, ] @@ -2615,31 +2615,31 @@ const initData = async () => { const preloadCriticalImages = async () => { const criticalImages = [ // webpUrl('pageTop'), - imageUrl('bg0'), - imageUrl('bg1'), - imageUrl('bg2'), - imageUrl('bg3'), - imageUrl('myAvatarFrame'), - imageUrl('myInfoBg'), - imageUrl(getImgName('rankBt')), - imageUrl(getImgName('rankBtActive')), - imageUrl('rechargehidden'), - imageUrl('rechargeShow'), - imageUrl('rewardBg'), - imageUrl('rewardBack'), - imageUrl('rewardNext'), - imageUrl(getImgName('rewardReceive')), - imageUrl(getImgName('rewardReceived')), - imageUrl(getImgName('rewardReceiveNot')), - imageUrl('RewardRecharge100'), - imageUrl('RewardRecharge500'), - imageUrl('RewardRecharge1000'), - imageUrl('RewardRecharge3000'), - imageUrl('RewardRecharge5000'), - imageUrl('RewardRecharge10000'), - imageUrl('tagBtBg'), - imageUrl('tagsBg'), - imageUrl('timeBg'), + webpUrl('bg0'), + webpUrl('bg1'), + webpUrl('bg2'), + webpUrl('bg3'), + webpUrl('myAvatarFrame'), + webpUrl('myInfoBg'), + webpUrl(getImgName('rankBt')), + webpUrl(getImgName('rankBtActive')), + webpUrl('rechargehidden'), + webpUrl('rechargeShow'), + webpUrl('rewardBg'), + webpUrl('rewardBack'), + webpUrl('rewardNext'), + webpUrl(getImgName('rewardReceive')), + webpUrl(getImgName('rewardReceived')), + webpUrl(getImgName('rewardReceiveNot')), + webpUrl('RewardRecharge100'), + webpUrl('RewardRecharge500'), + webpUrl('RewardRecharge1000'), + webpUrl('RewardRecharge3000'), + webpUrl('RewardRecharge5000'), + webpUrl('RewardRecharge10000'), + webpUrl('tagBtBg'), + webpUrl('tagsBg'), + webpUrl('timeBg'), ] await preloadImages(criticalImages) @@ -2671,30 +2671,30 @@ const registerRankingLoadObserver = async () => { // 预加载其他图片 const preloadOtherImages = async () => { const criticalImages = [ - imageUrl(getImgName('helpInfo')), - imageUrl(getImgName('historyBg')), - imageUrl(getImgName('historyBt')), - imageUrl('lottery'), - imageUrl(getImgName('lotteryBt')), - imageUrl(getImgName('lotteryBtActive')), - imageUrl('myRankingBg'), - imageUrl('RankingItem'), - imageUrl(getImgName('rulesBt')), - imageUrl(getImgName('ruleInfo')), - imageUrl('taskBtGo'), - imageUrl('taskBtReceive'), - imageUrl('taskBtReceived'), - imageUrl('taskGame'), - imageUrl('taskGift'), - imageUrl('taskRecharge'), - imageUrl('taskTalk'), - imageUrl('ticket'), - imageUrl('top1'), - imageUrl('top2'), - imageUrl('top3'), - imageUrl('reward_gift'), - imageUrl('reward_frame'), - imageUrl('reward_ride'), + webpUrl(getImgName('helpInfo')), + webpUrl(getImgName('historyBg')), + webpUrl(getImgName('historyBt')), + webpUrl('lottery'), + webpUrl(getImgName('lotteryBt')), + webpUrl(getImgName('lotteryBtActive')), + webpUrl('myRankingBg'), + webpUrl('RankingItem'), + webpUrl(getImgName('rulesBt')), + webpUrl(getImgName('ruleInfo')), + webpUrl('taskBtGo'), + webpUrl('taskBtReceive'), + webpUrl('taskBtReceived'), + webpUrl('taskGame'), + webpUrl('taskGift'), + webpUrl('taskRecharge'), + webpUrl('taskTalk'), + webpUrl('ticket'), + webpUrl('top1'), + webpUrl('top2'), + webpUrl('top3'), + webpUrl('reward_gift'), + webpUrl('reward_frame'), + webpUrl('reward_ride'), ] await preloadImagesIdle(criticalImages) diff --git a/src/views/GoodID/index.vue b/src/views/GoodID/index.vue index bcc9a74..8abd373 100644 --- a/src/views/GoodID/index.vue +++ b/src/views/GoodID/index.vue @@ -9,11 +9,11 @@
- + @@ -102,7 +102,7 @@ - - + + @@ -121,7 +121,7 @@
@@ -152,7 +152,7 @@ import { ref, onMounted, computed } from 'vue' import { useLangStore } from '@/stores/lang' import { useI18n } from 'vue-i18n' -import { getPngUrl } from '@/config/imagePaths.js' +import { getWebpUrl } from '@/config/imagePaths.js' import { connectToApp } from '@/utils/appConnector.js' import { preloadImages } from '@/utils/image/imagePreloader.js' import { getUserId } from '@/utils/userStore.js' @@ -177,7 +177,7 @@ const currentLangType = computed(() => { const isLoading = ref(true) // 获取OSS图片URL的函数 -const imageUrl = (filename) => getPngUrl('GoodID/', filename) +const webpUrl = (filename) => getWebpUrl('GoodIDWebp/', filename) // 根据语言获取图片名 const getImgName = (filename) => { return currentLangType.value === 'ar' ? `${filename}_ar` : filename @@ -250,13 +250,13 @@ const initData = () => { // 预加载关键图片 const preloadCriticalImages = () => { const criticalImages = [ - imageUrl('goodID0New'), - imageUrl('goodID1'), - imageUrl('goodID2'), - imageUrl('help'), - imageUrl('rule'), - imageUrl('applyBg'), - imageUrl(getImgName('applyBt')), + webpUrl('goodID0New'), + webpUrl('goodID1'), + webpUrl('goodID2'), + webpUrl('help'), + webpUrl('rule'), + webpUrl('applyBg'), + webpUrl(getImgName('applyBt')), ] return preloadImages(criticalImages) diff --git a/src/views/Invitation/inviteNewUser.vue b/src/views/Invitation/inviteNewUser.vue index 65e43ac..c9a6ab9 100644 --- a/src/views/Invitation/inviteNewUser.vue +++ b/src/views/Invitation/inviteNewUser.vue @@ -9,7 +9,7 @@
- +
@@ -28,7 +28,7 @@ @@ -36,7 +36,7 @@ @@ -101,7 +101,7 @@ @@ -285,7 +285,7 @@ @@ -308,7 +308,7 @@
@@ -359,7 +359,7 @@ style="min-height: 22.33vw" v-for="(listItem, index) in rankingTotal" :key="listItem.userId" - :imgUrl="imageUrl('rankItemBg')" + :imgUrl="webpUrl('rankItemBg')" :contentStyle="`padding: 0 5vw`" :lazy="true" :immediate="index < 10" @@ -462,7 +462,7 @@
@@ -470,7 +470,7 @@
@@ -487,7 +487,7 @@ @@ -649,7 +649,7 @@ @@ -729,7 +729,7 @@
@@ -780,7 +780,7 @@ @@ -1194,7 +1194,7 @@ @@ -1271,7 +1271,7 @@ import { viewUserInfo, gotoPrivateChat, openAppComponent } from '@/utils/appBrid import { showError, showWarning, showSuccess } from '@/utils/toast.js' import { useClipboard } from '@vueuse/core' import { connectToApp } from '@/utils/appConnector.js' -import { getPngUrl } from '@/config/imagePaths.js' +import { getWebpUrl } from '@/config/imagePaths.js' import { preloadImages } from '@/utils/image/imagePreloader.js' import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js' import { formatRewardDisplay } from '@/utils/rewardFormatter.js' @@ -1310,7 +1310,7 @@ const getImgName = (filename) => { } // 获取OSS图片URL的函数 -const imageUrl = (filename) => getPngUrl('invitation/inviteNewUser/', filename) +const webpUrl = (filename) => getWebpUrl('invitation/inviteNewUserWebp/', filename) const { copy, isSupported } = useClipboard() @@ -1649,31 +1649,31 @@ const getRechargeRewards = async () => { // 预加载关键图片 const preloadCriticalImages = async () => { const criticalImages = [ - imageUrl('bg1New'), - imageUrl('bg2'), - imageUrl('bg3'), - imageUrl('BtBg'), - imageUrl(getImgName('myCode')), - imageUrl('copy'), - imageUrl(getImgName('incomeBtActive')), - imageUrl(getImgName('incomeBt')), - imageUrl(getImgName('earningsRankingBtActive')), - imageUrl(getImgName('earningsRankingBt')), - imageUrl(getImgName('incomeBg')), - imageUrl(getImgName('example')), - imageUrl(getImgName('listBt')), - imageUrl(getImgName('rankBt')), - imageUrl(getImgName('rewardBt')), - imageUrl('rankingBg'), - imageUrl('timeBg'), - imageUrl('rankItemBg'), + webpUrl('bg1New'), + webpUrl('bg2'), + webpUrl('bg3'), + webpUrl('BtBg'), + webpUrl(getImgName('myCode')), + webpUrl('copy'), + webpUrl(getImgName('incomeBtActive')), + webpUrl(getImgName('incomeBt')), + webpUrl(getImgName('earningsRankingBtActive')), + webpUrl(getImgName('earningsRankingBt')), + webpUrl(getImgName('incomeBg')), + webpUrl(getImgName('example')), + webpUrl(getImgName('listBt')), + webpUrl(getImgName('rankBt')), + webpUrl(getImgName('rewardBt')), + webpUrl('rankingBg'), + webpUrl('timeBg'), + webpUrl('rankItemBg'), - imageUrl(getImgName('inviteFriendsBt')), - imageUrl(getImgName('helpInfo')), - imageUrl(getImgName('enterCodeBg')), - imageUrl(getImgName('confirmBt')), - imageUrl(getImgName('incomeListBg')), - imageUrl(getImgName('weekRewardBg')), + webpUrl(getImgName('inviteFriendsBt')), + webpUrl(getImgName('helpInfo')), + webpUrl(getImgName('enterCodeBg')), + webpUrl(getImgName('confirmBt')), + webpUrl(getImgName('incomeListBg')), + webpUrl(getImgName('weekRewardBg')), ] await preloadImages(criticalImages)