fix: switch h5 assets to Aslan
2
.env
@ -1,5 +1,5 @@
|
|||||||
# 应用版本号
|
# 应用版本号
|
||||||
VITE_APP_VERSION=7.0.60
|
VITE_APP_VERSION=7.0.61
|
||||||
|
|
||||||
# 版本类型
|
# 版本类型
|
||||||
# major:重大更新(清除除了白名单外的所有缓存:用户缓存、图片缓存和assets缓存)
|
# major:重大更新(清除除了白名单外的所有缓存:用户缓存、图片缓存和assets缓存)
|
||||||
|
|||||||
@ -119,13 +119,13 @@ const bgVapUrl = mp4Url('bg')
|
|||||||
生成的线上地址形如:
|
生成的线上地址形如:
|
||||||
|
|
||||||
```text
|
```text
|
||||||
https://asset.global-interaction.com/h5/Azizi/Activities/ActiveGame/bg.mp4
|
https://asset.global-interaction.com/h5/Aslan/Activities/ActiveGame/bg.mp4
|
||||||
```
|
```
|
||||||
|
|
||||||
开发环境会走:
|
开发环境会走:
|
||||||
|
|
||||||
```text
|
```text
|
||||||
/oss/h5/Azizi/Activities/ActiveGame/bg.mp4
|
/oss/h5/Aslan/Activities/ActiveGame/bg.mp4
|
||||||
```
|
```
|
||||||
|
|
||||||
如果资源路径属于受保护范围,`getMp4Url` 会返回保护后的地址。播放器或预加载工具在真正 `fetch` 前需要用 `resolveProtectedAssetUrl` 还原。`VapMp4Player.vue` 内部已经处理播放时的还原;页面手动预加载时也要处理:
|
如果资源路径属于受保护范围,`getMp4Url` 会返回保护后的地址。播放器或预加载工具在真正 `fetch` 前需要用 `resolveProtectedAssetUrl` 还原。`VapMp4Player.vue` 内部已经处理播放时的还原;页面手动预加载时也要处理:
|
||||||
|
|||||||
@ -519,8 +519,8 @@ Pinia 启用了 persisted state。
|
|||||||
|
|
||||||
规则:
|
规则:
|
||||||
|
|
||||||
- 开发环境:`/oss/h5/Azizi/`
|
- 开发环境:`/oss/h5/Aslan/`
|
||||||
- 非开发环境:`https://asset.global-interaction.com/h5/Azizi/`
|
- 非开发环境:`https://asset.global-interaction.com/h5/Aslan/`
|
||||||
|
|
||||||
常用方法:
|
常用方法:
|
||||||
|
|
||||||
@ -530,7 +530,7 @@ Pinia 启用了 persisted state。
|
|||||||
|
|
||||||
本地 OSS 镜像目录:
|
本地 OSS 镜像目录:
|
||||||
|
|
||||||
- `public/oss/h5/Azizi`
|
- `public/oss/h5/Aslan`
|
||||||
|
|
||||||
当前本地主要包含:
|
当前本地主要包含:
|
||||||
|
|
||||||
|
|||||||
@ -22,7 +22,7 @@
|
|||||||
<meta http-equiv="Pragma" content="no-cache" />
|
<meta http-equiv="Pragma" content="no-cache" />
|
||||||
<meta http-equiv="Expires" content="0" />
|
<meta http-equiv="Expires" content="0" />
|
||||||
|
|
||||||
<title>Azizi H5</title>
|
<title>Aslan H5</title>
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|||||||
BIN
src/assets/icon/Aslan/add.png
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
src/assets/icon/Aslan/addImg.png
Normal file
|
After Width: | Height: | Size: 27 KiB |
BIN
src/assets/icon/Aslan/addUser.png
Normal file
|
After Width: | Height: | Size: 913 B |
BIN
src/assets/icon/Aslan/addWhite.png
Normal file
|
After Width: | Height: | Size: 992 B |
BIN
src/assets/icon/Aslan/arrow.png
Normal file
|
After Width: | Height: | Size: 694 B |
BIN
src/assets/icon/Aslan/arrowBack.png
Normal file
|
After Width: | Height: | Size: 348 B |
BIN
src/assets/icon/Aslan/arrowBackBlack.png
Normal file
|
After Width: | Height: | Size: 514 B |
BIN
src/assets/icon/Aslan/arrowBlack.png
Normal file
|
After Width: | Height: | Size: 531 B |
BIN
src/assets/icon/Aslan/arrowBlackGold.png
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
src/assets/icon/Aslan/arrowWhite.png
Normal file
|
After Width: | Height: | Size: 480 B |
BIN
src/assets/icon/Aslan/bell.png
Normal file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
src/assets/icon/Aslan/building-bank.png
Normal file
|
After Width: | Height: | Size: 782 B |
BIN
src/assets/icon/Aslan/cancelGray.png
Normal file
|
After Width: | Height: | Size: 1002 B |
BIN
src/assets/icon/Aslan/coin.png
Normal file
|
After Width: | Height: | Size: 22 KiB |
BIN
src/assets/icon/Aslan/coinMore.png
Normal file
|
After Width: | Height: | Size: 20 KiB |
BIN
src/assets/icon/Aslan/coinMost.png
Normal file
|
After Width: | Height: | Size: 21 KiB |
BIN
src/assets/icon/Aslan/copy.png
Normal file
|
After Width: | Height: | Size: 649 B |
BIN
src/assets/icon/Aslan/database-dollar.png
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
src/assets/icon/Aslan/database-export.png
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
src/assets/icon/Aslan/database.png
Normal file
|
After Width: | Height: | Size: 985 B |
BIN
src/assets/icon/Aslan/defaultAvatar.png
Normal file
|
After Width: | Height: | Size: 42 KiB |
BIN
src/assets/icon/Aslan/detail.png
Normal file
|
After Width: | Height: | Size: 634 B |
BIN
src/assets/icon/Aslan/direction.png
Normal file
|
After Width: | Height: | Size: 519 B |
BIN
src/assets/icon/Aslan/dollar.png
Normal file
|
After Width: | Height: | Size: 30 KiB |
BIN
src/assets/icon/Aslan/edit.png
Normal file
|
After Width: | Height: | Size: 489 B |
BIN
src/assets/icon/Aslan/file-analytics.png
Normal file
|
After Width: | Height: | Size: 868 B |
BIN
src/assets/icon/Aslan/file-text.png
Normal file
|
After Width: | Height: | Size: 724 B |
BIN
src/assets/icon/Aslan/help.png
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
src/assets/icon/Aslan/helpAct.png
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
src/assets/icon/Aslan/helpPurple.png
Normal file
|
After Width: | Height: | Size: 2.1 KiB |
BIN
src/assets/icon/Aslan/helpWhite.png
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
src/assets/icon/Aslan/history.png
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
src/assets/icon/Aslan/identity/BD.png
Normal file
|
After Width: | Height: | Size: 27 KiB |
BIN
src/assets/icon/Aslan/identity/admin.png
Normal file
|
After Width: | Height: | Size: 29 KiB |
BIN
src/assets/icon/Aslan/identity/agency.png
Normal file
|
After Width: | Height: | Size: 30 KiB |
BIN
src/assets/icon/Aslan/identity/coinSeller.png
Normal file
|
After Width: | Height: | Size: 35 KiB |
BIN
src/assets/icon/Aslan/identity/host.png
Normal file
|
After Width: | Height: | Size: 28 KiB |
BIN
src/assets/icon/Aslan/identity/manager.png
Normal file
|
After Width: | Height: | Size: 29 KiB |
BIN
src/assets/icon/Aslan/identity/superAdmin.png
Normal file
|
After Width: | Height: | Size: 34 KiB |
BIN
src/assets/icon/Aslan/info.png
Normal file
|
After Width: | Height: | Size: 245 B |
BIN
src/assets/icon/Aslan/license.png
Normal file
|
After Width: | Height: | Size: 972 B |
BIN
src/assets/icon/Aslan/list.png
Normal file
|
After Width: | Height: | Size: 299 B |
BIN
src/assets/icon/Aslan/loading.webp
Normal file
|
After Width: | Height: | Size: 1.5 MiB |
BIN
src/assets/icon/Aslan/records.png
Normal file
|
After Width: | Height: | Size: 958 B |
BIN
src/assets/icon/Aslan/recordsNew.png
Normal file
|
After Width: | Height: | Size: 450 B |
BIN
src/assets/icon/Aslan/search.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/assets/icon/Aslan/trash.png
Normal file
|
After Width: | Height: | Size: 854 B |
BIN
src/assets/icon/Aslan/users-plus.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/assets/icon/Aslan/users.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/assets/images/Aslan/BDCenter/completed.png
Normal file
|
After Width: | Height: | Size: 47 KiB |
BIN
src/assets/images/Aslan/BDCenter/progress.png
Normal file
|
After Width: | Height: | Size: 35 KiB |
BIN
src/assets/images/Aslan/BDCenter/progressLong.png
Normal file
|
After Width: | Height: | Size: 51 KiB |
BIN
src/assets/images/Aslan/HostCenter/levelBg.png
Normal file
|
After Width: | Height: | Size: 19 KiB |
BIN
src/assets/images/Aslan/HostCenter/whitebox.png
Normal file
|
After Width: | Height: | Size: 26 KiB |
BIN
src/assets/images/Aslan/RechargeAgency/copy.png
Normal file
|
After Width: | Height: | Size: 608 B |
BIN
src/assets/images/Aslan/RechargeAgency/copyWhite.png
Normal file
|
After Width: | Height: | Size: 446 B |
BIN
src/assets/images/Aslan/RechargeAgency/idBg.png
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
src/assets/images/Aslan/RechargeAgency/pageTop.png
Normal file
|
After Width: | Height: | Size: 425 KiB |
BIN
src/assets/images/Aslan/RechargeAgency/phone.png
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
src/assets/images/Aslan/RechargeAgency/testFlag.png
Normal file
|
After Width: | Height: | Size: 4.1 KiB |
BIN
src/assets/images/Aslan/secondBg.png
Normal file
|
After Width: | Height: | Size: 246 KiB |
@ -127,7 +127,7 @@ const props = defineProps({
|
|||||||
backImg: {
|
backImg: {
|
||||||
type: String,
|
type: String,
|
||||||
default: () => {
|
default: () => {
|
||||||
return new URL('../assets/icon/Azizi/arrowBackBlack.png', import.meta.url).href
|
return new URL('../assets/icon/Aslan/arrowBackBlack.png', import.meta.url).href
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -135,7 +135,7 @@ const props = defineProps({
|
|||||||
helpImg: {
|
helpImg: {
|
||||||
type: String,
|
type: String,
|
||||||
default: () => {
|
default: () => {
|
||||||
return new URL('../assets/icon/Azizi/helpWhite.png', import.meta.url).href
|
return new URL('../assets/icon/Aslan/helpWhite.png', import.meta.url).href
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|||||||
@ -13,7 +13,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import loadingImg from '@/assets/icon/Azizi/loading.webp'
|
import loadingImg from '@/assets/icon/Aslan/loading.webp'
|
||||||
|
|
||||||
defineProps({
|
defineProps({
|
||||||
size: {
|
size: {
|
||||||
|
|||||||
@ -31,9 +31,9 @@ const { t, locale } = useI18n()
|
|||||||
// 监听语言变化并设置文档方向
|
// 监听语言变化并设置文档方向
|
||||||
locale.value && setDocumentDirection(locale.value)
|
locale.value && setDocumentDirection(locale.value)
|
||||||
|
|
||||||
const progress = new URL('@/assets/images/Azizi/BDCenter/progress.png', import.meta.url).href
|
const progress = new URL('@/assets/images/Aslan/BDCenter/progress.png', import.meta.url).href
|
||||||
const completed = new URL('@/assets/images/Azizi/BDCenter/completed.png', import.meta.url).href
|
const completed = new URL('@/assets/images/Aslan/BDCenter/completed.png', import.meta.url).href
|
||||||
const progressLong = new URL('@/assets/images/Azizi/BDCenter/progressLong.png', import.meta.url)
|
const progressLong = new URL('@/assets/images/Aslan/BDCenter/progressLong.png', import.meta.url)
|
||||||
.href
|
.href
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
|
|||||||
@ -101,8 +101,8 @@ const shouldShowImage = computed(() => {
|
|||||||
// 判断是否为OSS图片
|
// 判断是否为OSS图片
|
||||||
// const isOSSImage = computed(() => {
|
// const isOSSImage = computed(() => {
|
||||||
// return (
|
// return (
|
||||||
// props.imgUrl.startsWith('/oss/h5/Azizi/') ||
|
// props.imgUrl.startsWith('/oss/h5/Aslan/') ||
|
||||||
// props.imgUrl.startsWith('https://asset.global-interaction.com/h5/Azizi/')
|
// props.imgUrl.startsWith('https://asset.global-interaction.com/h5/Aslan/')
|
||||||
// )
|
// )
|
||||||
// })
|
// })
|
||||||
|
|
||||||
|
|||||||
@ -42,7 +42,7 @@ import { useI18n } from 'vue-i18n'
|
|||||||
import { useLangStore } from '@/stores/lang'
|
import { useLangStore } from '@/stores/lang'
|
||||||
|
|
||||||
const { t } = useI18n()
|
const { t } = useI18n()
|
||||||
const whiteBox = new URL('../assets/images/Azizi/HostCenter/whitebox.png', import.meta.url).href
|
const whiteBox = new URL('../assets/images/Aslan/HostCenter/whitebox.png', import.meta.url).href
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
type: {
|
type: {
|
||||||
|
|||||||
@ -1,9 +1,10 @@
|
|||||||
import { protectAssetUrl } from '@/utils/protectedAssets.js'
|
import { protectAssetUrl } from '@/utils/protectedAssets.js'
|
||||||
|
|
||||||
export const OSS_REMOTE_BASE_URL = 'https://asset.global-interaction.com/h5/Azizi/'
|
// Aslan H5 的所有远端页面素材统一从独立目录读取,避免复用其他品牌的同名素材导致页面错版。
|
||||||
|
export const OSS_REMOTE_BASE_URL = 'https://asset.global-interaction.com/h5/Aslan/'
|
||||||
|
|
||||||
export const OSS_BASE_URL =
|
export const OSS_BASE_URL =
|
||||||
process.env.NODE_ENV === 'development' ? '/oss/h5/Azizi/' : OSS_REMOTE_BASE_URL
|
process.env.NODE_ENV === 'development' ? '/oss/h5/Aslan/' : OSS_REMOTE_BASE_URL
|
||||||
|
|
||||||
function buildAssetUrl(imagePath, filename, extension) {
|
function buildAssetUrl(imagePath, filename, extension) {
|
||||||
return `${OSS_BASE_URL}${imagePath}${filename}.${extension}`
|
return `${OSS_BASE_URL}${imagePath}${filename}.${extension}`
|
||||||
|
|||||||
@ -63,7 +63,7 @@ class ImageCacheManager {
|
|||||||
let cacheName
|
let cacheName
|
||||||
if (
|
if (
|
||||||
normalizedUrl.startsWith(OSS_REMOTE_BASE_URL) ||
|
normalizedUrl.startsWith(OSS_REMOTE_BASE_URL) ||
|
||||||
normalizedUrl.includes('/oss/h5/Azizi/')
|
normalizedUrl.includes('/oss/h5/Aslan/')
|
||||||
) {
|
) {
|
||||||
cacheName = this.imageCacheName
|
cacheName = this.imageCacheName
|
||||||
} else if (normalizedUrl.includes('/assets/')) {
|
} else if (normalizedUrl.includes('/assets/')) {
|
||||||
@ -309,7 +309,7 @@ class ImageCacheManager {
|
|||||||
const normalizedUrl = this.normalizeUrl(url)
|
const normalizedUrl = this.normalizeUrl(url)
|
||||||
|
|
||||||
const containsAssets = normalizedUrl.includes('/assets/')
|
const containsAssets = normalizedUrl.includes('/assets/')
|
||||||
const containsOssH5 = normalizedUrl.includes('/oss/h5/Azizi/')
|
const containsOssH5 = normalizedUrl.includes('/oss/h5/Aslan/')
|
||||||
const startsWithOss = normalizedUrl.startsWith(OSS_REMOTE_BASE_URL)
|
const startsWithOss = normalizedUrl.startsWith(OSS_REMOTE_BASE_URL)
|
||||||
|
|
||||||
// 只缓存三种类型的资源
|
// 只缓存三种类型的资源
|
||||||
|
|||||||
@ -5,7 +5,7 @@
|
|||||||
export const handleAvatarImageError = (e) => {
|
export const handleAvatarImageError = (e) => {
|
||||||
console.log('头像资源出错')
|
console.log('头像资源出错')
|
||||||
e.target.onerror = null // 防止循环
|
e.target.onerror = null // 防止循环
|
||||||
e.target.src = new URL('/src/assets/icon/Azizi/defaultAvatar.png', import.meta.url).href
|
e.target.src = new URL('/src/assets/icon/Aslan/defaultAvatar.png', import.meta.url).href
|
||||||
}
|
}
|
||||||
|
|
||||||
export const handleRewardImageError = (e, type) => {
|
export const handleRewardImageError = (e, type) => {
|
||||||
@ -13,8 +13,8 @@ export const handleRewardImageError = (e, type) => {
|
|||||||
e.target.onerror = null // 防止循环
|
e.target.onerror = null // 防止循环
|
||||||
|
|
||||||
if (type == 'GOLD') {
|
if (type == 'GOLD') {
|
||||||
e.target.src = new URL('/src/assets/icon/Azizi/coin.png', import.meta.url).href
|
e.target.src = new URL('/src/assets/icon/Aslan/coin.png', import.meta.url).href
|
||||||
} else if (type == 'DOLLARS') {
|
} else if (type == 'DOLLARS') {
|
||||||
e.target.src = new URL('/src/assets/icon/Azizi/dollar.png', import.meta.url).href
|
e.target.src = new URL('/src/assets/icon/Aslan/dollar.png', import.meta.url).href
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -56,7 +56,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 10vw; aspect-ratio: 1/1"
|
style="display: block; width: 10vw; aspect-ratio: 1/1"
|
||||||
/>
|
/>
|
||||||
@ -123,7 +123,7 @@ justify-content: flex-start;
|
|||||||
<!-- 规则弹窗展示按钮 -->
|
<!-- 规则弹窗展示按钮 -->
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/helpWhite.png"
|
src="/src/assets/icon/Aslan/helpWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
class="ruleBt"
|
class="ruleBt"
|
||||||
@click="openPopup('rule')"
|
@click="openPopup('rule')"
|
||||||
|
|||||||
@ -133,7 +133,7 @@ const isTopOne = computed(() => {
|
|||||||
})
|
})
|
||||||
|
|
||||||
const resolvedValueIconUrl = computed(() => {
|
const resolvedValueIconUrl = computed(() => {
|
||||||
return props.valueIconUrl || new URL('/src/assets/icon/Azizi/coin.png', import.meta.url).href
|
return props.valueIconUrl || new URL('/src/assets/icon/Aslan/coin.png', import.meta.url).href
|
||||||
})
|
})
|
||||||
|
|
||||||
const distributionValueClass = computed(() => {
|
const distributionValueClass = computed(() => {
|
||||||
|
|||||||
@ -248,7 +248,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
@ -405,7 +405,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
@ -454,7 +454,7 @@ import itemCenter from '@/components/itemCenter.vue'
|
|||||||
import TopUser from './components/topUser.vue'
|
import TopUser from './components/topUser.vue'
|
||||||
import maskLayer from '@/components/MaskLayer.vue'
|
import maskLayer from '@/components/MaskLayer.vue'
|
||||||
|
|
||||||
const coinIcon = new URL('/src/assets/icon/Azizi/coin.png', import.meta.url).href
|
const coinIcon = new URL('/src/assets/icon/Aslan/coin.png', import.meta.url).href
|
||||||
|
|
||||||
const isInAppEnvironment = ref(false) // 检测是否在APP环境中
|
const isInAppEnvironment = ref(false) // 检测是否在APP环境中
|
||||||
const maskLayerShow = ref(false) //帮助模块
|
const maskLayerShow = ref(false) //帮助模块
|
||||||
|
|||||||
@ -53,7 +53,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 0.95em; flex-shrink: 0"
|
style="display: block; width: 0.95em; flex-shrink: 0"
|
||||||
/>
|
/>
|
||||||
@ -155,7 +155,7 @@ const props = defineProps({
|
|||||||
},
|
},
|
||||||
avatarUrl: {
|
avatarUrl: {
|
||||||
type: String,
|
type: String,
|
||||||
default: '/src/assets/icon/Azizi/defaultAvatar.png',
|
default: '/src/assets/icon/Aslan/defaultAvatar.png',
|
||||||
},
|
},
|
||||||
BorderImgUrl: {
|
BorderImgUrl: {
|
||||||
type: String,
|
type: String,
|
||||||
|
|||||||
@ -262,7 +262,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
@ -426,7 +426,7 @@
|
|||||||
<div style="display: flex; justify-content: center; align-items: center">
|
<div style="display: flex; justify-content: center; align-items: center">
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -97,7 +97,7 @@ const props = defineProps({
|
|||||||
const isTopOne = computed(() => props.ranking === '1')
|
const isTopOne = computed(() => props.ranking === '1')
|
||||||
|
|
||||||
const resolvedValueIconUrl = computed(() => {
|
const resolvedValueIconUrl = computed(() => {
|
||||||
return props.valueIconUrl || new URL('/src/assets/icon/Azizi/coin.png', import.meta.url).href
|
return props.valueIconUrl || new URL('/src/assets/icon/Aslan/coin.png', import.meta.url).href
|
||||||
})
|
})
|
||||||
|
|
||||||
const distributionValueClass = computed(() => {
|
const distributionValueClass = computed(() => {
|
||||||
|
|||||||
@ -375,7 +375,7 @@ import maskLayer from '@/components/MaskLayer.vue'
|
|||||||
import TopUser from './components/topUser.vue'
|
import TopUser from './components/topUser.vue'
|
||||||
import { pageConfig } from './page.config.js'
|
import { pageConfig } from './page.config.js'
|
||||||
|
|
||||||
const coinIcon = new URL('/src/assets/icon/Azizi/coin.png', import.meta.url).href
|
const coinIcon = new URL('/src/assets/icon/Aslan/coin.png', import.meta.url).href
|
||||||
|
|
||||||
const langStore = useLangStore()
|
const langStore = useLangStore()
|
||||||
const currentLangType = computed(() => langStore.selectedLang?.type || 'en')
|
const currentLangType = computed(() => langStore.selectedLang?.type || 'en')
|
||||||
|
|||||||
@ -1890,8 +1890,8 @@ import { pageConfig } from './page.config.js'
|
|||||||
|
|
||||||
const { t, locale } = useI18n()
|
const { t, locale } = useI18n()
|
||||||
const langStore = useLangStore()
|
const langStore = useLangStore()
|
||||||
const coinIcon = new URL('../../../assets/icon/Azizi/coin.png', import.meta.url).href
|
const coinIcon = new URL('../../../assets/icon/Aslan/coin.png', import.meta.url).href
|
||||||
const backIcon = new URL('../../../assets/icon/Azizi/arrowBack.png', import.meta.url).href
|
const backIcon = new URL('../../../assets/icon/Aslan/arrowBack.png', import.meta.url).href
|
||||||
|
|
||||||
const gulbenActivityId = '1001'
|
const gulbenActivityId = '1001'
|
||||||
const templateId = ref(pageConfig.activity.templateId || '2057676469390872578')
|
const templateId = ref(pageConfig.activity.templateId || '2057676469390872578')
|
||||||
|
|||||||
@ -91,7 +91,7 @@
|
|||||||
<div v-if="rankingType == 'activity'" style="display: flex">
|
<div v-if="rankingType == 'activity'" style="display: flex">
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block"
|
style="display: block"
|
||||||
:style="{ width: coinWidth }"
|
:style="{ width: coinWidth }"
|
||||||
|
|||||||
@ -200,7 +200,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.3em; aspect-ratio: 1/1"
|
style="display: block; width: 1.3em; aspect-ratio: 1/1"
|
||||||
/>
|
/>
|
||||||
@ -473,7 +473,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
@ -920,7 +920,7 @@
|
|||||||
<!-- 充值帮助按钮 -->
|
<!-- 充值帮助按钮 -->
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/helpWhite.png"
|
src="/src/assets/icon/Aslan/helpWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
class="ruleBt"
|
class="ruleBt"
|
||||||
@click="openPopup('rechargeRankingHelp')"
|
@click="openPopup('rechargeRankingHelp')"
|
||||||
@ -1529,7 +1529,7 @@
|
|||||||
<!-- 帮助按钮 -->
|
<!-- 帮助按钮 -->
|
||||||
<!-- <img
|
<!-- <img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/helpWhite.png"
|
src="/src/assets/icon/Aslan/helpWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
class="ruleBt"
|
class="ruleBt"
|
||||||
@click="openPopup('withdrawalHelp')"
|
@click="openPopup('withdrawalHelp')"
|
||||||
@ -1559,7 +1559,7 @@
|
|||||||
<div style="font-weight: 600">{{ t('current_earnings_label') }}</div>
|
<div style="font-weight: 600">{{ t('current_earnings_label') }}</div>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/dollar.png"
|
src="/src/assets/icon/Aslan/dollar.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em; object-fit: cover"
|
style="display: block; width: 1.5em; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
@ -1629,7 +1629,7 @@
|
|||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
src="/src/assets/icon/Azizi/arrowWhite.png"
|
src="/src/assets/icon/Aslan/arrowWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 1em; display: block; transition: all 0.2s ease"
|
style="width: 1em; display: block; transition: all 0.2s ease"
|
||||||
:class="{ rotated: transferShow }"
|
:class="{ rotated: transferShow }"
|
||||||
@ -1785,7 +1785,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/dollar.png"
|
src="/src/assets/icon/Aslan/dollar.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 40%"
|
style="width: 40%"
|
||||||
/>
|
/>
|
||||||
@ -1836,7 +1836,7 @@
|
|||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
src="/src/assets/icon/Azizi/arrowWhite.png"
|
src="/src/assets/icon/Aslan/arrowWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 1em; display: block; transition: all 0.2s ease"
|
style="width: 1em; display: block; transition: all 0.2s ease"
|
||||||
:class="{ rotated: exchangeShow }"
|
:class="{ rotated: exchangeShow }"
|
||||||
@ -1864,7 +1864,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 40%"
|
style="width: 40%"
|
||||||
/>
|
/>
|
||||||
@ -1872,7 +1872,7 @@
|
|||||||
<div style="display: flex; align-items: center; gap: 2px">
|
<div style="display: flex; align-items: center; gap: 2px">
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/dollar.png"
|
src="/src/assets/icon/Aslan/dollar.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em; object-fit: cover"
|
style="display: block; width: 1.5em; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
@ -1926,7 +1926,7 @@
|
|||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
src="/src/assets/icon/Azizi/arrowWhite.png"
|
src="/src/assets/icon/Aslan/arrowWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 1em; display: block"
|
style="width: 1em; display: block"
|
||||||
/>
|
/>
|
||||||
@ -2019,7 +2019,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -86,7 +86,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block"
|
style="display: block"
|
||||||
:style="{ width: coinWidth }"
|
:style="{ width: coinWidth }"
|
||||||
|
|||||||
@ -105,7 +105,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.3em; aspect-ratio: 1/1"
|
style="display: block; width: 1.3em; aspect-ratio: 1/1"
|
||||||
/>
|
/>
|
||||||
@ -444,7 +444,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
@ -625,7 +625,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
@ -1167,7 +1167,7 @@
|
|||||||
<!-- 帮助按钮 -->
|
<!-- 帮助按钮 -->
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/helpWhite.png"
|
src="/src/assets/icon/Aslan/helpWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
class="ruleBt"
|
class="ruleBt"
|
||||||
@click="openPopup('withdrawalHelp')"
|
@click="openPopup('withdrawalHelp')"
|
||||||
@ -1255,7 +1255,7 @@
|
|||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
src="/src/assets/icon/Azizi/arrowWhite.png"
|
src="/src/assets/icon/Aslan/arrowWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 1em; display: block; transition: all 0.2s ease"
|
style="width: 1em; display: block; transition: all 0.2s ease"
|
||||||
:class="{ rotated: transferShow }"
|
:class="{ rotated: transferShow }"
|
||||||
@ -1411,7 +1411,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/dollar.png"
|
src="/src/assets/icon/Aslan/dollar.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 40%"
|
style="width: 40%"
|
||||||
/>
|
/>
|
||||||
@ -1462,7 +1462,7 @@
|
|||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
src="/src/assets/icon/Azizi/arrowWhite.png"
|
src="/src/assets/icon/Aslan/arrowWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 1em; display: block; transition: all 0.2s ease"
|
style="width: 1em; display: block; transition: all 0.2s ease"
|
||||||
:class="{ rotated: exchangeShow }"
|
:class="{ rotated: exchangeShow }"
|
||||||
@ -1490,7 +1490,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 40%"
|
style="width: 40%"
|
||||||
/>
|
/>
|
||||||
@ -1544,7 +1544,7 @@
|
|||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
src="/src/assets/icon/Azizi/arrowWhite.png"
|
src="/src/assets/icon/Aslan/arrowWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 1em; display: block"
|
style="width: 1em; display: block"
|
||||||
/>
|
/>
|
||||||
@ -1634,7 +1634,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
@ -2045,7 +2045,7 @@ const showRewardsTop10 = computed(() => {
|
|||||||
if (index === 0) {
|
if (index === 0) {
|
||||||
topRewards?.rewards.push(
|
topRewards?.rewards.push(
|
||||||
{
|
{
|
||||||
cover: new URL('/src/assets/icon/Azizi/coin.png', import.meta.url).href,
|
cover: new URL('/src/assets/icon/Aslan/coin.png', import.meta.url).href,
|
||||||
content: `${formatLargeNumber(Number(topUser?.quantityNumber || '0') * 0.1)}(10% Points Coins)`,
|
content: `${formatLargeNumber(Number(topUser?.quantityNumber || '0') * 0.1)}(10% Points Coins)`,
|
||||||
quantity: 0,
|
quantity: 0,
|
||||||
type: 'GIFT',
|
type: 'GIFT',
|
||||||
@ -2062,7 +2062,7 @@ const showRewardsTop10 = computed(() => {
|
|||||||
// 第2名
|
// 第2名
|
||||||
else if (index === 1) {
|
else if (index === 1) {
|
||||||
topRewards?.rewards.push({
|
topRewards?.rewards.push({
|
||||||
cover: new URL('/src/assets/icon/Azizi/coin.png', import.meta.url).href,
|
cover: new URL('/src/assets/icon/Aslan/coin.png', import.meta.url).href,
|
||||||
content: `${formatLargeNumber(Number(topUser?.quantityNumber || '0') * 0.08)}(8% Points Coins)`,
|
content: `${formatLargeNumber(Number(topUser?.quantityNumber || '0') * 0.08)}(8% Points Coins)`,
|
||||||
quantity: 0,
|
quantity: 0,
|
||||||
type: 'GIFT',
|
type: 'GIFT',
|
||||||
@ -2071,7 +2071,7 @@ const showRewardsTop10 = computed(() => {
|
|||||||
// 第3名
|
// 第3名
|
||||||
else if (index === 2) {
|
else if (index === 2) {
|
||||||
topRewards?.rewards.push({
|
topRewards?.rewards.push({
|
||||||
cover: new URL('/src/assets/icon/Azizi/coin.png', import.meta.url).href,
|
cover: new URL('/src/assets/icon/Aslan/coin.png', import.meta.url).href,
|
||||||
content: `${formatLargeNumber(Number(topUser?.quantityNumber || '0') * 0.06)}(6% Points Coins)`,
|
content: `${formatLargeNumber(Number(topUser?.quantityNumber || '0') * 0.06)}(6% Points Coins)`,
|
||||||
quantity: 0,
|
quantity: 0,
|
||||||
type: 'GIFT',
|
type: 'GIFT',
|
||||||
@ -2081,7 +2081,7 @@ const showRewardsTop10 = computed(() => {
|
|||||||
// 第4-10名
|
// 第4-10名
|
||||||
else {
|
else {
|
||||||
topRewards?.rewards.push({
|
topRewards?.rewards.push({
|
||||||
cover: new URL('/src/assets/icon/Azizi/coin.png', import.meta.url).href,
|
cover: new URL('/src/assets/icon/Aslan/coin.png', import.meta.url).href,
|
||||||
content: `${formatLargeNumber(Number(topUser?.quantityNumber || '0') * 0.04)}(4% Points Coins)`,
|
content: `${formatLargeNumber(Number(topUser?.quantityNumber || '0') * 0.04)}(4% Points Coins)`,
|
||||||
quantity: 0,
|
quantity: 0,
|
||||||
type: 'GIFT',
|
type: 'GIFT',
|
||||||
|
|||||||
@ -989,7 +989,7 @@
|
|||||||
<!-- 帮助按钮 -->
|
<!-- 帮助按钮 -->
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/helpWhite.png"
|
src="/src/assets/icon/Aslan/helpWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
class="s4-x5"
|
class="s4-x5"
|
||||||
@click="openPopup('help')"
|
@click="openPopup('help')"
|
||||||
@ -1076,7 +1076,7 @@
|
|||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
class="s4-x6"
|
class="s4-x6"
|
||||||
src="/src/assets/icon/Azizi/arrowWhite.png"
|
src="/src/assets/icon/Aslan/arrowWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 1em; display: block; transition: all 0.2s ease"
|
style="width: 1em; display: block; transition: all 0.2s ease"
|
||||||
:class="{ rotated: transferShow }"
|
:class="{ rotated: transferShow }"
|
||||||
@ -1232,7 +1232,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/dollar.png"
|
src="/src/assets/icon/Aslan/dollar.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 40%"
|
style="width: 40%"
|
||||||
/>
|
/>
|
||||||
@ -1285,7 +1285,7 @@
|
|||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
class="s4-x6"
|
class="s4-x6"
|
||||||
src="/src/assets/icon/Azizi/arrowWhite.png"
|
src="/src/assets/icon/Aslan/arrowWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 1em; display: block; transition: all 0.2s ease"
|
style="width: 1em; display: block; transition: all 0.2s ease"
|
||||||
:class="{ rotated: exchangeShow }"
|
:class="{ rotated: exchangeShow }"
|
||||||
@ -1313,7 +1313,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 40%"
|
style="width: 40%"
|
||||||
/>
|
/>
|
||||||
@ -1368,7 +1368,7 @@
|
|||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
class="s4-x6"
|
class="s4-x6"
|
||||||
src="/src/assets/icon/Azizi/arrowWhite.png"
|
src="/src/assets/icon/Aslan/arrowWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 1em; display: block"
|
style="width: 1em; display: block"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -993,7 +993,7 @@
|
|||||||
<!-- 帮助按钮 -->
|
<!-- 帮助按钮 -->
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/helpWhite.png"
|
src="/src/assets/icon/Aslan/helpWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
class="s4-x5"
|
class="s4-x5"
|
||||||
@click="openPopup('help')"
|
@click="openPopup('help')"
|
||||||
@ -1080,7 +1080,7 @@
|
|||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
class="s4-x6"
|
class="s4-x6"
|
||||||
src="/src/assets/icon/Azizi/arrowWhite.png"
|
src="/src/assets/icon/Aslan/arrowWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 1em; display: block; transition: all 0.2s ease"
|
style="width: 1em; display: block; transition: all 0.2s ease"
|
||||||
:class="{ rotated: transferShow }"
|
:class="{ rotated: transferShow }"
|
||||||
@ -1236,7 +1236,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/dollar.png"
|
src="/src/assets/icon/Aslan/dollar.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 40%"
|
style="width: 40%"
|
||||||
/>
|
/>
|
||||||
@ -1289,7 +1289,7 @@
|
|||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
class="s4-x6"
|
class="s4-x6"
|
||||||
src="/src/assets/icon/Azizi/arrowWhite.png"
|
src="/src/assets/icon/Aslan/arrowWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 1em; display: block; transition: all 0.2s ease"
|
style="width: 1em; display: block; transition: all 0.2s ease"
|
||||||
:class="{ rotated: exchangeShow }"
|
:class="{ rotated: exchangeShow }"
|
||||||
@ -1317,7 +1317,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 40%"
|
style="width: 40%"
|
||||||
/>
|
/>
|
||||||
@ -1372,7 +1372,7 @@
|
|||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
class="s4-x6"
|
class="s4-x6"
|
||||||
src="/src/assets/icon/Azizi/arrowWhite.png"
|
src="/src/assets/icon/Aslan/arrowWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 1em; display: block"
|
style="width: 1em; display: block"
|
||||||
/>
|
/>
|
||||||
@ -1709,7 +1709,7 @@ const router = useRouter()
|
|||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
|
|
||||||
const langStore = useLangStore()
|
const langStore = useLangStore()
|
||||||
const backIcon = new URL('../../../../assets/icon/Azizi/arrowBack.png', import.meta.url).href
|
const backIcon = new URL('../../../../assets/icon/Aslan/arrowBack.png', import.meta.url).href
|
||||||
// 当前语言类型
|
// 当前语言类型
|
||||||
const currentLangType = computed(() => {
|
const currentLangType = computed(() => {
|
||||||
return langStore.selectedLang?.type || 'en'
|
return langStore.selectedLang?.type || 'en'
|
||||||
|
|||||||
@ -143,7 +143,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -42,7 +42,7 @@
|
|||||||
<!-- 充值帮助按钮 -->
|
<!-- 充值帮助按钮 -->
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/helpWhite.png"
|
src="/src/assets/icon/Aslan/helpWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
class="ruleBt"
|
class="ruleBt"
|
||||||
@click="openPopup('rechargeHelp')"
|
@click="openPopup('rechargeHelp')"
|
||||||
|
|||||||
@ -257,7 +257,7 @@
|
|||||||
<!-- 帮助按钮 -->
|
<!-- 帮助按钮 -->
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/helpWhite.png"
|
src="/src/assets/icon/Aslan/helpWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
class="ruleBt"
|
class="ruleBt"
|
||||||
@click="openPopup('earningsHelp')"
|
@click="openPopup('earningsHelp')"
|
||||||
@ -363,7 +363,7 @@
|
|||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
src="/src/assets/icon/Azizi/arrowWhite.png"
|
src="/src/assets/icon/Aslan/arrowWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 1em; display: block; transition: all 0.2s ease"
|
style="width: 1em; display: block; transition: all 0.2s ease"
|
||||||
:class="{ rotated: transferShow }"
|
:class="{ rotated: transferShow }"
|
||||||
@ -523,7 +523,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/dollar.png"
|
src="/src/assets/icon/Aslan/dollar.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 40%"
|
style="width: 40%"
|
||||||
/>
|
/>
|
||||||
@ -572,7 +572,7 @@
|
|||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
src="/src/assets/icon/Azizi/arrowWhite.png"
|
src="/src/assets/icon/Aslan/arrowWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 1em; display: block; transition: all 0.2s ease"
|
style="width: 1em; display: block; transition: all 0.2s ease"
|
||||||
:class="{ rotated: exchangeShow }"
|
:class="{ rotated: exchangeShow }"
|
||||||
@ -600,7 +600,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 40%"
|
style="width: 40%"
|
||||||
/>
|
/>
|
||||||
@ -652,7 +652,7 @@
|
|||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
src="/src/assets/icon/Azizi/arrowWhite.png"
|
src="/src/assets/icon/Aslan/arrowWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 1em; display: block"
|
style="width: 1em; display: block"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -82,7 +82,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block"
|
style="display: block"
|
||||||
:style="{ width: coinWidth }"
|
:style="{ width: coinWidth }"
|
||||||
|
|||||||
@ -324,7 +324,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -96,7 +96,7 @@
|
|||||||
<span style="color: #f8e89a; font-size: 1em; font-weight: 500"> + </span>
|
<span style="color: #f8e89a; font-size: 1em; font-weight: 500"> + </span>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
@ -133,7 +133,7 @@
|
|||||||
<div style="display: flex; align-items: center; gap: 1vw">
|
<div style="display: flex; align-items: center; gap: 1vw">
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 2.5em; aspect-ratio: 1/1; object-fit: cover"
|
style="display: block; width: 2.5em; aspect-ratio: 1/1; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
@ -283,7 +283,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
@ -298,7 +298,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
@ -330,7 +330,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.4em; aspect-ratio: 1/1; object-fit: cover"
|
style="display: block; width: 1.4em; aspect-ratio: 1/1; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
@ -448,7 +448,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
@ -477,7 +477,7 @@ import {
|
|||||||
import { connectToApp } from '@/utils/appConnector.js'
|
import { connectToApp } from '@/utils/appConnector.js'
|
||||||
import GeneralHeader from '@/components/GeneralHeader.vue'
|
import GeneralHeader from '@/components/GeneralHeader.vue'
|
||||||
import itemCenter from '@/components/itemCenter.vue'
|
import itemCenter from '@/components/itemCenter.vue'
|
||||||
import arrowBackImg from '@/assets/icon/Azizi/arrowBack.png'
|
import arrowBackImg from '@/assets/icon/Aslan/arrowBack.png'
|
||||||
import { showError, showSuccess, showWarning } from '@/utils/toast.js'
|
import { showError, showSuccess, showWarning } from '@/utils/toast.js'
|
||||||
|
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
|
|||||||
@ -296,7 +296,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
@ -629,7 +629,7 @@
|
|||||||
</span>
|
</span>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
@ -683,7 +683,7 @@
|
|||||||
<span>+</span>
|
<span>+</span>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="
|
style="
|
||||||
display: block;
|
display: block;
|
||||||
@ -844,7 +844,7 @@
|
|||||||
<div style="display: flex; align-items: center; justify-content: center">
|
<div style="display: flex; align-items: center; justify-content: center">
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="
|
style="
|
||||||
display: block;
|
display: block;
|
||||||
@ -863,7 +863,7 @@
|
|||||||
<div style="display: flex; align-items: center; justify-content: center">
|
<div style="display: flex; align-items: center; justify-content: center">
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="
|
style="
|
||||||
display: block;
|
display: block;
|
||||||
@ -892,7 +892,7 @@
|
|||||||
</span>
|
</span>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
@ -1002,7 +1002,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/Azizi/coin.png"
|
src="/src/assets/icon/Aslan/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
@ -1204,7 +1204,7 @@ import TopUser from './components/topUser.vue'
|
|||||||
|
|
||||||
const assetPath = 'Activities/WorldCup/'
|
const assetPath = 'Activities/WorldCup/'
|
||||||
const pngUrl = (filename) => getPngUrl(assetPath, filename)
|
const pngUrl = (filename) => getPngUrl(assetPath, filename)
|
||||||
const coinIcon = new URL('/src/assets/icon/Azizi/coin.png', import.meta.url).href
|
const coinIcon = new URL('/src/assets/icon/Aslan/coin.png', import.meta.url).href
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const isLoading = ref(true)
|
const isLoading = ref(true)
|
||||||
const ranking = ref([])
|
const ranking = ref([])
|
||||||
|
|||||||
@ -278,7 +278,7 @@ onMounted(() => {
|
|||||||
.bg {
|
.bg {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
background-image: url(../../assets/images/Azizi/secondBg.png);
|
background-image: url(../../assets/images/Aslan/secondBg.png);
|
||||||
background-size: 100% auto;
|
background-size: 100% auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -464,7 +464,7 @@ onMounted(() => {
|
|||||||
max-height: 100vh;
|
max-height: 100vh;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
background-image: url(../../assets/images/Azizi/secondBg.png);
|
background-image: url(../../assets/images/Aslan/secondBg.png);
|
||||||
background-size: 100% auto;
|
background-size: 100% auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -466,7 +466,7 @@ onMounted(() => {
|
|||||||
max-height: 100vh;
|
max-height: 100vh;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
background-image: url(../../assets/images/Azizi/secondBg.png);
|
background-image: url(../../assets/images/Aslan/secondBg.png);
|
||||||
background-size: 100% auto;
|
background-size: 100% auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -461,7 +461,7 @@ onMounted(() => {
|
|||||||
max-height: 100vh;
|
max-height: 100vh;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
background-image: url(../../assets/images/Azizi/secondBg.png);
|
background-image: url(../../assets/images/Aslan/secondBg.png);
|
||||||
background-size: 100% auto;
|
background-size: 100% auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -39,7 +39,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="expand-icon">
|
<div class="expand-icon">
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/Azizi/arrow.png"
|
src="../../assets/icon/Aslan/arrow.png"
|
||||||
alt=""
|
alt=""
|
||||||
:class="{ rotated: aIndex == selectedAgencyIndex }"
|
:class="{ rotated: aIndex == selectedAgencyIndex }"
|
||||||
/>
|
/>
|
||||||
@ -172,7 +172,7 @@ const formatPrice = (value) => {
|
|||||||
.bg {
|
.bg {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
background-image: url(../../assets/images/Azizi/secondBg.png);
|
background-image: url(../../assets/images/Aslan/secondBg.png);
|
||||||
background-size: 100% auto;
|
background-size: 100% auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -31,9 +31,9 @@ const { t, locale } = useI18n()
|
|||||||
// 监听语言变化并设置文档方向
|
// 监听语言变化并设置文档方向
|
||||||
locale.value && setDocumentDirection(locale.value)
|
locale.value && setDocumentDirection(locale.value)
|
||||||
|
|
||||||
const progress = new URL('@/assets/images/Azizi/BDCenter/progress.png', import.meta.url).href
|
const progress = new URL('@/assets/images/Aslan/BDCenter/progress.png', import.meta.url).href
|
||||||
const completed = new URL('@/assets/images/Azizi/BDCenter/completed.png', import.meta.url).href
|
const completed = new URL('@/assets/images/Aslan/BDCenter/completed.png', import.meta.url).href
|
||||||
const progressLong = new URL('@/assets/images/Azizi/BDCenter/progressLong.png', import.meta.url)
|
const progressLong = new URL('@/assets/images/Aslan/BDCenter/progressLong.png', import.meta.url)
|
||||||
.href
|
.href
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
|
|||||||