chore(图源): 静态资源和网络资源位置结构调整,区分不同包
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 9.2 KiB After Width: | Height: | Size: 9.2 KiB |
|
Before Width: | Height: | Size: 913 B After Width: | Height: | Size: 913 B |
|
Before Width: | Height: | Size: 992 B After Width: | Height: | Size: 992 B |
|
Before Width: | Height: | Size: 694 B After Width: | Height: | Size: 694 B |
|
Before Width: | Height: | Size: 348 B After Width: | Height: | Size: 348 B |
|
Before Width: | Height: | Size: 514 B After Width: | Height: | Size: 514 B |
|
Before Width: | Height: | Size: 531 B After Width: | Height: | Size: 531 B |
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 480 B After Width: | Height: | Size: 480 B |
|
Before Width: | Height: | Size: 658 B After Width: | Height: | Size: 658 B |
|
Before Width: | Height: | Size: 1002 B After Width: | Height: | Size: 1002 B |
|
Before Width: | Height: | Size: 6.7 KiB After Width: | Height: | Size: 6.7 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 649 B After Width: | Height: | Size: 649 B |
|
Before Width: | Height: | Size: 189 KiB After Width: | Height: | Size: 189 KiB |
|
Before Width: | Height: | Size: 634 B After Width: | Height: | Size: 634 B |
|
Before Width: | Height: | Size: 519 B After Width: | Height: | Size: 519 B |
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 489 B After Width: | Height: | Size: 489 B |
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 245 B After Width: | Height: | Size: 245 B |
|
Before Width: | Height: | Size: 299 B After Width: | Height: | Size: 299 B |
|
Before Width: | Height: | Size: 958 B After Width: | Height: | Size: 958 B |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 641 B After Width: | Height: | Size: 641 B |
|
Before Width: | Height: | Size: 47 KiB After Width: | Height: | Size: 47 KiB |
|
Before Width: | Height: | Size: 35 KiB After Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 51 KiB After Width: | Height: | Size: 51 KiB |
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 608 B After Width: | Height: | Size: 608 B |
|
Before Width: | Height: | Size: 446 B After Width: | Height: | Size: 446 B |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 425 KiB After Width: | Height: | Size: 425 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 4.1 KiB |
|
Before Width: | Height: | Size: 104 KiB After Width: | Height: | Size: 104 KiB |
@ -127,7 +127,7 @@ const props = defineProps({
|
|||||||
backImg: {
|
backImg: {
|
||||||
type: String,
|
type: String,
|
||||||
default: () => {
|
default: () => {
|
||||||
return new URL('../assets/icon/arrowBackBlack.png', import.meta.url).href
|
return new URL('../assets/icon/Azizi/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/helpWhite.png', import.meta.url).href
|
return new URL('../assets/icon/Azizi/helpWhite.png', import.meta.url).href
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -166,7 +166,7 @@ watch(
|
|||||||
(newLang) => {
|
(newLang) => {
|
||||||
console.log('Language changed in header:', newLang)
|
console.log('Language changed in header:', newLang)
|
||||||
},
|
},
|
||||||
{ deep: true }
|
{ deep: true },
|
||||||
)
|
)
|
||||||
|
|
||||||
const handleLanguageChange = (item) => {
|
const handleLanguageChange = (item) => {
|
||||||
|
|||||||
@ -31,9 +31,10 @@ const { t, locale } = useI18n()
|
|||||||
// 监听语言变化并设置文档方向
|
// 监听语言变化并设置文档方向
|
||||||
locale.value && setDocumentDirection(locale.value)
|
locale.value && setDocumentDirection(locale.value)
|
||||||
|
|
||||||
const progress = new URL('@/assets/images/BDCenter/progress.png', import.meta.url).href
|
const progress = new URL('@/assets/images/Azizi/BDCenter/progress.png', import.meta.url).href
|
||||||
const completed = new URL('@/assets/images/BDCenter/completed.png', import.meta.url).href
|
const completed = new URL('@/assets/images/Azizi/BDCenter/completed.png', import.meta.url).href
|
||||||
const progressLong = new URL('@/assets/images/BDCenter/progressLong.png', import.meta.url).href
|
const progressLong = new URL('@/assets/images/Azizi/BDCenter/progressLong.png', import.meta.url)
|
||||||
|
.href
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
type: {
|
type: {
|
||||||
@ -81,7 +82,7 @@ watch(
|
|||||||
}
|
}
|
||||||
return
|
return
|
||||||
},
|
},
|
||||||
{ immediate: true }
|
{ immediate: true },
|
||||||
)
|
)
|
||||||
|
|
||||||
// 根据状态文本返回翻译后的文本
|
// 根据状态文本返回翻译后的文本
|
||||||
|
|||||||
@ -101,8 +101,8 @@ const shouldShowImage = computed(() => {
|
|||||||
// 判断是否为OSS图片
|
// 判断是否为OSS图片
|
||||||
const isOSSImage = computed(() => {
|
const isOSSImage = computed(() => {
|
||||||
return (
|
return (
|
||||||
props.imgUrl.startsWith('/oss/h5/') ||
|
props.imgUrl.startsWith('/oss/h5/Azizi/') ||
|
||||||
props.imgUrl.startsWith('https://tkm-likei.oss-ap-southeast-1.aliyuncs.com/h5')
|
props.imgUrl.startsWith('https://tkm-likei.oss-ap-southeast-1.aliyuncs.com/h5/Azizi/')
|
||||||
)
|
)
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|||||||
@ -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/HostCenter/whitebox.png', import.meta.url).href
|
const whiteBox = new URL('../assets/images/Azizi/HostCenter/whitebox.png', import.meta.url).href
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
type: {
|
type: {
|
||||||
@ -98,7 +98,7 @@ watch(
|
|||||||
console.log('Language changed in header:', newLang)
|
console.log('Language changed in header:', newLang)
|
||||||
updateTypeShowText()
|
updateTypeShowText()
|
||||||
},
|
},
|
||||||
{ deep: true }
|
{ deep: true },
|
||||||
)
|
)
|
||||||
|
|
||||||
// 更新展示类型
|
// 更新展示类型
|
||||||
@ -143,7 +143,7 @@ watch(
|
|||||||
}
|
}
|
||||||
return
|
return
|
||||||
},
|
},
|
||||||
{ immediate: true }
|
{ immediate: true },
|
||||||
)
|
)
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@ -1,8 +1,8 @@
|
|||||||
// src/config/imagePaths.js
|
// src/config/imagePaths.js
|
||||||
export const OSS_BASE_URL =
|
export const OSS_BASE_URL =
|
||||||
process.env.NODE_ENV === 'development'
|
process.env.NODE_ENV === 'development'
|
||||||
? '/oss/h5/' // 开发环境使用代理
|
? '/oss/h5/Azizi/' // 开发环境使用代理
|
||||||
: 'https://tkm-likei.oss-ap-southeast-1.aliyuncs.com/h5/' // 生产环境直接访问
|
: 'https://tkm-likei.oss-ap-southeast-1.aliyuncs.com/h5/Azizi/' // 生产环境直接访问
|
||||||
|
|
||||||
// 组合使用示例
|
// 组合使用示例
|
||||||
export const getPngUrl = (imagePath, filename) => {
|
export const getPngUrl = (imagePath, filename) => {
|
||||||
|
|||||||
@ -55,8 +55,8 @@ class ImageCacheManager {
|
|||||||
|
|
||||||
let cacheName
|
let cacheName
|
||||||
if (
|
if (
|
||||||
normalizedUrl.startsWith('https://tkm-likei.oss-ap-southeast-1.aliyuncs.com/h5') ||
|
normalizedUrl.startsWith('https://tkm-likei.oss-ap-southeast-1.aliyuncs.com/h5/Azizi/') ||
|
||||||
normalizedUrl.includes('/oss/h5/')
|
normalizedUrl.includes('/oss/h5/Azizi/')
|
||||||
) {
|
) {
|
||||||
cacheName = this.imageCacheName
|
cacheName = this.imageCacheName
|
||||||
} else if (normalizedUrl.includes('/assets/')) {
|
} else if (normalizedUrl.includes('/assets/')) {
|
||||||
@ -295,9 +295,9 @@ 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/')
|
const containsOssH5 = normalizedUrl.includes('/oss/h5/Azizi/')
|
||||||
const startsWithOss = normalizedUrl.startsWith(
|
const startsWithOss = normalizedUrl.startsWith(
|
||||||
'https://tkm-likei.oss-ap-southeast-1.aliyuncs.com/h5/',
|
'https://tkm-likei.oss-ap-southeast-1.aliyuncs.com/h5/Azizi/',
|
||||||
)
|
)
|
||||||
|
|
||||||
// 只缓存三种类型的资源
|
// 只缓存三种类型的资源
|
||||||
|
|||||||
@ -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/defaultAvatar.png', import.meta.url).href
|
e.target.src = new URL('/src/assets/icon/Azizi/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/coin.png', import.meta.url).href
|
e.target.src = new URL('/src/assets/icon/Azizi/coin.png', import.meta.url).href
|
||||||
} else if (type == 'DOLLARS') {
|
} else if (type == 'DOLLARS') {
|
||||||
e.target.src = new URL('/src/assets/icon/dollar.png', import.meta.url).href
|
e.target.src = new URL('/src/assets/icon/Azizi/dollar.png', import.meta.url).href
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block"
|
style="display: block"
|
||||||
:style="{ width: coinWidth }"
|
:style="{ width: coinWidth }"
|
||||||
|
|||||||
@ -204,7 +204,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.3em; aspect-ratio: 1/1"
|
style="display: block; width: 1.3em; aspect-ratio: 1/1"
|
||||||
/>
|
/>
|
||||||
@ -477,7 +477,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/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"
|
||||||
/>
|
/>
|
||||||
@ -924,7 +924,7 @@
|
|||||||
<!-- 充值帮助按钮 -->
|
<!-- 充值帮助按钮 -->
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/helpWhite.png"
|
src="/src/assets/icon/Azizi/helpWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
class="ruleBt"
|
class="ruleBt"
|
||||||
@click="openPopup('rechargeRankingHelp')"
|
@click="openPopup('rechargeRankingHelp')"
|
||||||
@ -1533,7 +1533,7 @@
|
|||||||
<!-- 帮助按钮 -->
|
<!-- 帮助按钮 -->
|
||||||
<!-- <img
|
<!-- <img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/helpWhite.png"
|
src="/src/assets/icon/Azizi/helpWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
class="ruleBt"
|
class="ruleBt"
|
||||||
@click="openPopup('withdrawalHelp')"
|
@click="openPopup('withdrawalHelp')"
|
||||||
@ -1563,7 +1563,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/dollar.png"
|
src="/src/assets/icon/Azizi/dollar.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em; object-fit: cover"
|
style="display: block; width: 1.5em; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
@ -1633,7 +1633,7 @@
|
|||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
src="/src/assets/icon/arrowWhite.png"
|
src="/src/assets/icon/Azizi/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 }"
|
||||||
@ -1789,7 +1789,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/dollar.png"
|
src="/src/assets/icon/Azizi/dollar.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 40%"
|
style="width: 40%"
|
||||||
/>
|
/>
|
||||||
@ -1840,7 +1840,7 @@
|
|||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
src="/src/assets/icon/arrowWhite.png"
|
src="/src/assets/icon/Azizi/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 }"
|
||||||
@ -1868,7 +1868,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 40%"
|
style="width: 40%"
|
||||||
/>
|
/>
|
||||||
@ -1876,7 +1876,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/dollar.png"
|
src="/src/assets/icon/Azizi/dollar.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em; object-fit: cover"
|
style="display: block; width: 1.5em; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
@ -1930,7 +1930,7 @@
|
|||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
src="/src/assets/icon/arrowWhite.png"
|
src="/src/assets/icon/Azizi/arrowWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 1em; display: block"
|
style="width: 1em; display: block"
|
||||||
/>
|
/>
|
||||||
@ -2023,7 +2023,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/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/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block"
|
style="display: block"
|
||||||
:style="{ width: coinWidth }"
|
:style="{ width: coinWidth }"
|
||||||
|
|||||||
@ -109,7 +109,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.3em; aspect-ratio: 1/1"
|
style="display: block; width: 1.3em; aspect-ratio: 1/1"
|
||||||
/>
|
/>
|
||||||
@ -448,7 +448,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/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 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/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"
|
||||||
/>
|
/>
|
||||||
@ -1171,7 +1171,7 @@
|
|||||||
<!-- 帮助按钮 -->
|
<!-- 帮助按钮 -->
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/helpWhite.png"
|
src="/src/assets/icon/Azizi/helpWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
class="ruleBt"
|
class="ruleBt"
|
||||||
@click="openPopup('withdrawalHelp')"
|
@click="openPopup('withdrawalHelp')"
|
||||||
@ -1259,7 +1259,7 @@
|
|||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
src="/src/assets/icon/arrowWhite.png"
|
src="/src/assets/icon/Azizi/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 }"
|
||||||
@ -1415,7 +1415,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/dollar.png"
|
src="/src/assets/icon/Azizi/dollar.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 40%"
|
style="width: 40%"
|
||||||
/>
|
/>
|
||||||
@ -1466,7 +1466,7 @@
|
|||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
src="/src/assets/icon/arrowWhite.png"
|
src="/src/assets/icon/Azizi/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 }"
|
||||||
@ -1492,7 +1492,12 @@
|
|||||||
@click="selectCoin(coin)"
|
@click="selectCoin(coin)"
|
||||||
:class="['coin-item', { selected: selectedCoin?.id == coin.id }]"
|
: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-size: 0.7em">{{ coin.amount }} coins x1</div>
|
||||||
<div style="font-weight: 500; color: #fff">${{ coin.price }}</div>
|
<div style="font-weight: 500; color: #fff">${{ coin.price }}</div>
|
||||||
</div>
|
</div>
|
||||||
@ -1543,7 +1548,7 @@
|
|||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
src="/src/assets/icon/arrowWhite.png"
|
src="/src/assets/icon/Azizi/arrowWhite.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 1em; display: block"
|
style="width: 1em; display: block"
|
||||||
/>
|
/>
|
||||||
@ -1633,7 +1638,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/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"
|
||||||
/>
|
/>
|
||||||
@ -2043,7 +2048,7 @@ const showRewardsTop10 = computed(() => {
|
|||||||
if (index === 0) {
|
if (index === 0) {
|
||||||
topRewards?.rewards.push(
|
topRewards?.rewards.push(
|
||||||
{
|
{
|
||||||
cover: new URL('/src/assets/icon/coin.png', import.meta.url).href,
|
cover: new URL('/src/assets/icon/Azizi/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',
|
||||||
@ -2060,7 +2065,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/coin.png', import.meta.url).href,
|
cover: new URL('/src/assets/icon/Azizi/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',
|
||||||
@ -2069,7 +2074,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/coin.png', import.meta.url).href,
|
cover: new URL('/src/assets/icon/Azizi/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',
|
||||||
@ -2079,7 +2084,7 @@ const showRewardsTop10 = computed(() => {
|
|||||||
// 第4-10名
|
// 第4-10名
|
||||||
else {
|
else {
|
||||||
topRewards?.rewards.push({
|
topRewards?.rewards.push({
|
||||||
cover: new URL('/src/assets/icon/coin.png', import.meta.url).href,
|
cover: new URL('/src/assets/icon/Azizi/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',
|
||||||
|
|||||||
@ -157,7 +157,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/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/helpWhite.png"
|
src="/src/assets/icon/Azizi/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/helpWhite.png"
|
src="/src/assets/icon/Azizi/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/arrowWhite.png"
|
src="/src/assets/icon/Azizi/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 }"
|
||||||
@ -521,7 +521,12 @@
|
|||||||
@click="selectCoin(coin)"
|
@click="selectCoin(coin)"
|
||||||
:class="['coin-item', { selected: selectedCoin?.id === coin.id }]"
|
: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 style="font-weight: 500; color: #fff">${{ coin.price }}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -567,7 +572,7 @@
|
|||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
src="/src/assets/icon/arrowWhite.png"
|
src="/src/assets/icon/Azizi/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 }"
|
||||||
@ -593,7 +598,12 @@
|
|||||||
@click="selectCoin(coin)"
|
@click="selectCoin(coin)"
|
||||||
:class="['coin-item', { selected: selectedCoin?.id == coin.id }]"
|
: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="direction: ltr; font-size: 0.7em">{{ coin.amount }} coins x1</div>
|
<div style="direction: ltr; font-size: 0.7em">{{ coin.amount }} coins x1</div>
|
||||||
<div style="font-weight: 500; color: #fff">${{ coin.price }}</div>
|
<div style="font-weight: 500; color: #fff">${{ coin.price }}</div>
|
||||||
</div>
|
</div>
|
||||||
@ -642,7 +652,7 @@
|
|||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
src="/src/assets/icon/arrowWhite.png"
|
src="/src/assets/icon/Azizi/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/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block"
|
style="display: block"
|
||||||
:style="{ width: coinWidth }"
|
:style="{ width: coinWidth }"
|
||||||
|
|||||||
@ -337,7 +337,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/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"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -352,7 +352,7 @@ onMounted(() => {
|
|||||||
.bg {
|
.bg {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
background-image: url(../../assets/images/secondBg.png);
|
background-image: url(../../assets/images/Azizi/secondBg.png);
|
||||||
background-size: 100% auto;
|
background-size: 100% auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -462,7 +462,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/secondBg.png);
|
background-image: url(../../assets/images/Azizi/secondBg.png);
|
||||||
}
|
}
|
||||||
|
|
||||||
.fullPage::-webkit-scrollbar {
|
.fullPage::-webkit-scrollbar {
|
||||||
|
|||||||
@ -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/secondBg.png);
|
background-image: url(../../assets/images/Azizi/secondBg.png);
|
||||||
}
|
}
|
||||||
|
|
||||||
.fullPage::-webkit-scrollbar {
|
.fullPage::-webkit-scrollbar {
|
||||||
|
|||||||
@ -459,7 +459,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/secondBg.png);
|
background-image: url(../../assets/images/Azizi/secondBg.png);
|
||||||
}
|
}
|
||||||
|
|
||||||
.fullPage::-webkit-scrollbar {
|
.fullPage::-webkit-scrollbar {
|
||||||
|
|||||||
@ -121,7 +121,7 @@
|
|||||||
"
|
"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/arrow.png"
|
src="../../assets/icon/Azizi/arrow.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="
|
style="
|
||||||
width: 24px;
|
width: 24px;
|
||||||
@ -262,7 +262,7 @@ const formatPrice = (value) => {
|
|||||||
.bg {
|
.bg {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
background-image: url(../../assets/images/secondBg.png);
|
background-image: url(../../assets/images/Azizi/secondBg.png);
|
||||||
background-size: 100% auto;
|
background-size: 100% auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -31,9 +31,10 @@ const { t, locale } = useI18n()
|
|||||||
// 监听语言变化并设置文档方向
|
// 监听语言变化并设置文档方向
|
||||||
locale.value && setDocumentDirection(locale.value)
|
locale.value && setDocumentDirection(locale.value)
|
||||||
|
|
||||||
const progress = new URL('@/assets/images/BDCenter/progress.png', import.meta.url).href
|
const progress = new URL('@/assets/images/Azizi/BDCenter/progress.png', import.meta.url).href
|
||||||
const completed = new URL('@/assets/images/BDCenter/completed.png', import.meta.url).href
|
const completed = new URL('@/assets/images/Azizi/BDCenter/completed.png', import.meta.url).href
|
||||||
const progressLong = new URL('@/assets/images/BDCenter/progressLong.png', import.meta.url).href
|
const progressLong = new URL('@/assets/images/Azizi/BDCenter/progressLong.png', import.meta.url)
|
||||||
|
.href
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
type: {
|
type: {
|
||||||
@ -81,7 +82,7 @@ watch(
|
|||||||
}
|
}
|
||||||
return
|
return
|
||||||
},
|
},
|
||||||
{ immediate: true }
|
{ immediate: true },
|
||||||
)
|
)
|
||||||
|
|
||||||
// 根据状态文本返回翻译后的文本
|
// 根据状态文本返回翻译后的文本
|
||||||
|
|||||||
@ -116,7 +116,7 @@
|
|||||||
<div style="display: flex; justify-content: space-between; align-items: center">
|
<div style="display: flex; justify-content: space-between; align-items: center">
|
||||||
<div style="font-size: 1.1em; font-weight: 600">{{ t('admin') }}</div>
|
<div style="font-size: 1.1em; font-weight: 600">{{ t('admin') }}</div>
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/detail.png"
|
src="../../assets/icon/Azizi/detail.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em"
|
style="display: block; width: 1.5em"
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
@ -182,7 +182,7 @@
|
|||||||
|
|
||||||
<!-- 跳转按钮 -->
|
<!-- 跳转按钮 -->
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/arrowBlack.png"
|
src="../../assets/icon/Azizi/arrowBlack.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 2em"
|
style="display: block; width: 2em"
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
@ -209,14 +209,14 @@
|
|||||||
<!-- 跳转按钮 -->
|
<!-- 跳转按钮 -->
|
||||||
<div style="align-self: stretch; display: flex; align-items: center; gap: 4px">
|
<div style="align-self: stretch; display: flex; align-items: center; gap: 4px">
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/addUser.png"
|
src="../../assets/icon/Azizi/addUser.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.6em"
|
style="display: block; width: 1.6em"
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
@click="gotoPage('/invite-bd-leader')"
|
@click="gotoPage('/invite-bd-leader')"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/list.png"
|
src="../../assets/icon/Azizi/list.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.6em"
|
style="display: block; width: 1.6em"
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
@ -244,14 +244,14 @@
|
|||||||
<!-- 跳转按钮 -->
|
<!-- 跳转按钮 -->
|
||||||
<div style="align-self: stretch; display: flex; align-items: center; gap: 4px">
|
<div style="align-self: stretch; display: flex; align-items: center; gap: 4px">
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/addUser.png"
|
src="../../assets/icon/Azizi/addUser.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.6em"
|
style="display: block; width: 1.6em"
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
@click="gotoPage('/invite-bd')"
|
@click="gotoPage('/invite-bd')"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/list.png"
|
src="../../assets/icon/Azizi/list.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.6em"
|
style="display: block; width: 1.6em"
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
@ -279,14 +279,14 @@
|
|||||||
<!-- 跳转按钮 -->
|
<!-- 跳转按钮 -->
|
||||||
<div style="align-self: stretch; display: flex; align-items: center; gap: 4px">
|
<div style="align-self: stretch; display: flex; align-items: center; gap: 4px">
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/addUser.png"
|
src="../../assets/icon/Azizi/addUser.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.6em"
|
style="display: block; width: 1.6em"
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
@click="gotoPage('/invite-agency')"
|
@click="gotoPage('/invite-agency')"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/list.png"
|
src="../../assets/icon/Azizi/list.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.6em"
|
style="display: block; width: 1.6em"
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
@ -316,14 +316,14 @@
|
|||||||
<!-- 跳转按钮 -->
|
<!-- 跳转按钮 -->
|
||||||
<div style="align-self: stretch; display: flex; align-items: center; gap: 4px">
|
<div style="align-self: stretch; display: flex; align-items: center; gap: 4px">
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/addUser.png"
|
src="../../assets/icon/Azizi/addUser.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.6em"
|
style="display: block; width: 1.6em"
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
@click="gotoPage('/invite-recharge-agency')"
|
@click="gotoPage('/invite-recharge-agency')"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/list.png"
|
src="../../assets/icon/Azizi/list.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.6em"
|
style="display: block; width: 1.6em"
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
@ -354,7 +354,7 @@
|
|||||||
>
|
>
|
||||||
<div style="font-weight: 600">{{ t('send_welcome_gift') }}</div>
|
<div style="font-weight: 600">{{ t('send_welcome_gift') }}</div>
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/arrowBlack.png"
|
src="../../assets/icon/Azizi/arrowBlack.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em"
|
style="display: block; width: 1.5em"
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
@ -380,7 +380,7 @@
|
|||||||
>
|
>
|
||||||
<div style="font-weight: 600">{{ t('user_editing') }}</div>
|
<div style="font-weight: 600">{{ t('user_editing') }}</div>
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/arrowBlack.png"
|
src="../../assets/icon/Azizi/arrowBlack.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em"
|
style="display: block; width: 1.5em"
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
@ -406,7 +406,7 @@
|
|||||||
>
|
>
|
||||||
<div style="font-weight: 600">{{ t('room_editing') }}</div>
|
<div style="font-weight: 600">{{ t('room_editing') }}</div>
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/arrowBlack.png"
|
src="../../assets/icon/Azizi/arrowBlack.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em"
|
style="display: block; width: 1.5em"
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
@ -580,7 +580,7 @@ onMounted(() => {
|
|||||||
.bg {
|
.bg {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
background-image: url(../../assets/images/secondBg.png);
|
background-image: url(../../assets/images/Azizi/secondBg.png);
|
||||||
background-size: 100% auto;
|
background-size: 100% auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -90,7 +90,7 @@ onMounted(() => {
|
|||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.policy-container {
|
.policy-container {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
background-image: url(../../assets/images/secondBg.png);
|
background-image: url(../../assets/images/Azizi/secondBg.png);
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -98,7 +98,7 @@
|
|||||||
<!-- 跳转按钮 -->
|
<!-- 跳转按钮 -->
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/arrow.png"
|
src="/src/assets/icon/Azizi/arrow.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 6vw"
|
style="width: 6vw"
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
@ -214,7 +214,7 @@
|
|||||||
<img
|
<img
|
||||||
v-if="hasKYC"
|
v-if="hasKYC"
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/arrow.png"
|
src="/src/assets/icon/Azizi/arrow.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 6vw"
|
style="width: 6vw"
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
@ -240,7 +240,7 @@
|
|||||||
<span style="font-weight: 510; font-size: 1em">{{ t('complete_information') }}</span>
|
<span style="font-weight: 510; font-size: 1em">{{ t('complete_information') }}</span>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/arrow.png"
|
src="/src/assets/icon/Azizi/arrow.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 6vw"
|
style="width: 6vw"
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
@ -259,7 +259,7 @@
|
|||||||
<!-- 跳转按钮 -->
|
<!-- 跳转按钮 -->
|
||||||
<!-- <img
|
<!-- <img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/arrow.png"
|
src="/src/assets/icon/Azizi/arrow.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 6vw"
|
style="width: 6vw"
|
||||||
@click="gotoKYC"
|
@click="gotoKYC"
|
||||||
|
|||||||
@ -28,7 +28,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- help -->
|
<!-- help -->
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/help.png"
|
src="../../assets/icon/Azizi/help.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.8em; object-fit: cover"
|
style="display: block; width: 1.8em; object-fit: cover"
|
||||||
@click="showHelpInfo"
|
@click="showHelpInfo"
|
||||||
|
|||||||
@ -26,7 +26,7 @@
|
|||||||
height: max-content;
|
height: max-content;
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<img src="../../assets/icon/search.png" alt="" width="24px" style="opacity: 0.6" />
|
<img src="../../assets/icon/Azizi/search.png" alt="" width="24px" style="opacity: 0.6" />
|
||||||
<input
|
<input
|
||||||
v-model="searchQuery"
|
v-model="searchQuery"
|
||||||
type="text"
|
type="text"
|
||||||
@ -192,7 +192,7 @@
|
|||||||
<!-- agency展示按钮 -->
|
<!-- agency展示按钮 -->
|
||||||
<img
|
<img
|
||||||
v-else
|
v-else
|
||||||
src="/src/assets/icon/trash.png"
|
src="/src/assets/icon/Azizi/trash.png"
|
||||||
alt=""
|
alt=""
|
||||||
width="30"
|
width="30"
|
||||||
style="display: block"
|
style="display: block"
|
||||||
@ -502,7 +502,7 @@ const setupIntersectionObserver = () => {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
rootMargin: '100px',
|
rootMargin: '100px',
|
||||||
}
|
},
|
||||||
)
|
)
|
||||||
|
|
||||||
intersectionObserver.value.observe(loadMoreTrigger.value)
|
intersectionObserver.value.observe(loadMoreTrigger.value)
|
||||||
@ -526,7 +526,7 @@ watch(
|
|||||||
searchResults.value = members.value
|
searchResults.value = members.value
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{ immediate: true }
|
{ immediate: true },
|
||||||
)
|
)
|
||||||
|
|
||||||
// 组件挂载时获取数据
|
// 组件挂载时获取数据
|
||||||
|
|||||||
@ -51,7 +51,7 @@
|
|||||||
height: max-content;
|
height: max-content;
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<img src="../../../assets/icon/search.png" alt="" width="24px" style="opacity: 0.6" />
|
<img src="../../../assets/icon/Azizi/search.png" alt="" width="24px" style="opacity: 0.6" />
|
||||||
<input
|
<input
|
||||||
v-model="searchQuery"
|
v-model="searchQuery"
|
||||||
type="text"
|
type="text"
|
||||||
@ -179,7 +179,7 @@
|
|||||||
<div style="width: 100%; display: flex; flex-direction: column">
|
<div style="width: 100%; display: flex; flex-direction: column">
|
||||||
<div style="width: 100%; display: flex; align-items: center">
|
<div style="width: 100%; display: flex; align-items: center">
|
||||||
<img
|
<img
|
||||||
src="../../../assets/icon/coin.png"
|
src="../../../assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
height="16px"
|
height="16px"
|
||||||
style="display: block"
|
style="display: block"
|
||||||
|
|||||||
@ -34,7 +34,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/HostCenter/whitebox.png', import.meta.url).href
|
const whiteBox = new URL('@/assets/images/Azizi/HostCenter/whitebox.png', import.meta.url).href
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
type: {
|
type: {
|
||||||
@ -85,7 +85,7 @@ watch(
|
|||||||
console.log('Language changed in header:', newLang)
|
console.log('Language changed in header:', newLang)
|
||||||
updateTypeShowText()
|
updateTypeShowText()
|
||||||
},
|
},
|
||||||
{ deep: true }
|
{ deep: true },
|
||||||
)
|
)
|
||||||
|
|
||||||
// 更新展示类型
|
// 更新展示类型
|
||||||
@ -130,7 +130,7 @@ watch(
|
|||||||
}
|
}
|
||||||
return
|
return
|
||||||
},
|
},
|
||||||
{ immediate: true }
|
{ immediate: true },
|
||||||
)
|
)
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@ -30,7 +30,12 @@
|
|||||||
style="margin-left: 10px"
|
style="margin-left: 10px"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<img @click="goToNotification" src="../../assets/icon/bell.png" height="20px" alt="" />
|
<img
|
||||||
|
@click="goToNotification"
|
||||||
|
src="../../assets/icon/Azizi/bell.png"
|
||||||
|
height="20px"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 用户信息卡片 -->
|
<!-- 用户信息卡片 -->
|
||||||
@ -96,7 +101,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="../../assets/icon/edit.png"
|
src="../../assets/icon/Azizi/edit.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 70%; object-fit: contain"
|
style="display: block; width: 70%; object-fit: contain"
|
||||||
/>
|
/>
|
||||||
@ -161,7 +166,7 @@
|
|||||||
|
|
||||||
<!-- help -->
|
<!-- help -->
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/helpPurple.png"
|
src="../../assets/icon/Azizi/helpPurple.png"
|
||||||
alt=""
|
alt=""
|
||||||
class="help-btn"
|
class="help-btn"
|
||||||
@click.stop="goToInviteMembers"
|
@click.stop="goToInviteMembers"
|
||||||
|
|||||||
@ -20,7 +20,7 @@
|
|||||||
{{ t('apply_reminder') }}
|
{{ t('apply_reminder') }}
|
||||||
</h3>
|
</h3>
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/help.png"
|
src="../../assets/icon/Azizi/help.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 16px; aspect-ratio: 1/1; cursor: pointer"
|
style="width: 16px; aspect-ratio: 1/1; cursor: pointer"
|
||||||
@click="showHelp"
|
@click="showHelp"
|
||||||
@ -464,7 +464,7 @@ usePageInitializationWithConfig('APPLY', {
|
|||||||
width: 100vw;
|
width: 100vw;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
background-image: url(../../assets/images/secondBg.png);
|
background-image: url(../../assets/images/Azizi/secondBg.png);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* RTL布局支持 */
|
/* RTL布局支持 */
|
||||||
|
|||||||
@ -193,7 +193,7 @@ onMounted(() => {
|
|||||||
width: 100vw;
|
width: 100vw;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
background-image: url(/src/assets/images/secondBg.png);
|
background-image: url(/src/assets/images/Azizi/secondBg.png);
|
||||||
background-size: 100% auto;
|
background-size: 100% auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
@ -84,7 +84,11 @@
|
|||||||
|
|
||||||
<!-- 按钮 -->
|
<!-- 按钮 -->
|
||||||
<div style="display: flex; align-items: center" @click="gotoPolicy">
|
<div style="display: flex; align-items: center" @click="gotoPolicy">
|
||||||
<img src="../../assets/icon/info.png" alt="" style="display: block; width: 20px" />
|
<img
|
||||||
|
src="../../assets/icon/Azizi/info.png"
|
||||||
|
alt=""
|
||||||
|
style="display: block; width: 20px"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -102,7 +106,7 @@
|
|||||||
{{ t('available_salaries') }} ${{ salaryInfo?.availableBalance || 0 }}
|
{{ t('available_salaries') }} ${{ salaryInfo?.availableBalance || 0 }}
|
||||||
</span>
|
</span>
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/arrow.png"
|
src="../../assets/icon/Azizi/arrow.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 20px"
|
style="display: block; width: 20px"
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
@ -131,7 +135,7 @@
|
|||||||
<div style="display: flex; justify-content: space-between; align-items: center">
|
<div style="display: flex; justify-content: space-between; align-items: center">
|
||||||
<span style="font-weight: 600; color: #1f2937"> {{ t('invite_become_agent') }}</span>
|
<span style="font-weight: 600; color: #1f2937"> {{ t('invite_become_agent') }}</span>
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/arrow.png"
|
src="../../assets/icon/Azizi/arrow.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 20px"
|
style="display: block; width: 20px"
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
@ -163,7 +167,7 @@
|
|||||||
<div style="display: flex; justify-content: space-between; align-items: center">
|
<div style="display: flex; justify-content: space-between; align-items: center">
|
||||||
<div style="font-weight: 600">{{ BDData.billTitle }}</div>
|
<div style="font-weight: 600">{{ BDData.billTitle }}</div>
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/records.png"
|
src="../../assets/icon/Azizi/records.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.3em"
|
style="display: block; width: 1.3em"
|
||||||
@click="showHistory = true"
|
@click="showHistory = true"
|
||||||
@ -679,7 +683,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/secondBg.png);
|
background-image: url(../../assets/images/Azizi/secondBg.png);
|
||||||
}
|
}
|
||||||
|
|
||||||
.bd-center::-webkit-scrollbar {
|
.bd-center::-webkit-scrollbar {
|
||||||
|
|||||||
@ -84,7 +84,11 @@
|
|||||||
|
|
||||||
<!-- 按钮 -->
|
<!-- 按钮 -->
|
||||||
<div style="display: flex; align-items: center" @click="gotoPolicy">
|
<div style="display: flex; align-items: center" @click="gotoPolicy">
|
||||||
<img src="../../assets/icon/info.png" alt="" style="display: block; width: 20px" />
|
<img
|
||||||
|
src="../../assets/icon/Azizi/info.png"
|
||||||
|
alt=""
|
||||||
|
style="display: block; width: 20px"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -102,7 +106,7 @@
|
|||||||
{{ t('available_salaries') }} ${{ salaryInfo?.availableBalance || 0 }}
|
{{ t('available_salaries') }} ${{ salaryInfo?.availableBalance || 0 }}
|
||||||
</span>
|
</span>
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/arrow.png"
|
src="../../assets/icon/Azizi/arrow.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 20px"
|
style="display: block; width: 20px"
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
@ -128,7 +132,7 @@
|
|||||||
<div style="display: flex; justify-content: space-between; align-items: center">
|
<div style="display: flex; justify-content: space-between; align-items: center">
|
||||||
<span style="font-weight: 600; color: #1f2937"> {{ t('invite_become_agent') }}</span>
|
<span style="font-weight: 600; color: #1f2937"> {{ t('invite_become_agent') }}</span>
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/arrow.png"
|
src="../../assets/icon/Azizi/arrow.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 20px"
|
style="display: block; width: 20px"
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
@ -152,7 +156,7 @@
|
|||||||
<div style="display: flex; justify-content: space-between; align-items: center">
|
<div style="display: flex; justify-content: space-between; align-items: center">
|
||||||
<span style="font-weight: 600; color: #1f2937"> {{ t('invite_become_BD') }}</span>
|
<span style="font-weight: 600; color: #1f2937"> {{ t('invite_become_BD') }}</span>
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/arrow.png"
|
src="../../assets/icon/Azizi/arrow.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 20px"
|
style="display: block; width: 20px"
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
@ -198,7 +202,7 @@
|
|||||||
<div style="display: flex; justify-content: space-between; align-items: center">
|
<div style="display: flex; justify-content: space-between; align-items: center">
|
||||||
<div style="font-weight: 600">{{ BDData.billTitle }}</div>
|
<div style="font-weight: 600">{{ BDData.billTitle }}</div>
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/records.png"
|
src="../../assets/icon/Azizi/records.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.3em"
|
style="display: block; width: 1.3em"
|
||||||
@click="records('bd')"
|
@click="records('bd')"
|
||||||
@ -319,7 +323,7 @@
|
|||||||
<div style="display: flex; justify-content: space-between; align-items: center">
|
<div style="display: flex; justify-content: space-between; align-items: center">
|
||||||
<div style="font-weight: 600">{{ BDLeaderData.billTitle }}</div>
|
<div style="font-weight: 600">{{ BDLeaderData.billTitle }}</div>
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/records.png"
|
src="../../assets/icon/Azizi/records.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.3em"
|
style="display: block; width: 1.3em"
|
||||||
@click="records('bdLeader')"
|
@click="records('bdLeader')"
|
||||||
@ -1155,7 +1159,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/secondBg.png);
|
background-image: url(../../assets/images/Azizi/secondBg.png);
|
||||||
}
|
}
|
||||||
|
|
||||||
.bd-center::-webkit-scrollbar {
|
.bd-center::-webkit-scrollbar {
|
||||||
|
|||||||
@ -120,7 +120,7 @@
|
|||||||
<!-- 跳转按钮 -->
|
<!-- 跳转按钮 -->
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/arrow.png"
|
src="/src/assets/icon/Azizi/arrow.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 6vw"
|
style="width: 6vw"
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
@ -236,7 +236,7 @@
|
|||||||
<img
|
<img
|
||||||
v-if="hasKYC"
|
v-if="hasKYC"
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/arrow.png"
|
src="/src/assets/icon/Azizi/arrow.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 6vw"
|
style="width: 6vw"
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
@ -262,7 +262,7 @@
|
|||||||
<span style="font-weight: 510; font-size: 1em">{{ t('complete_information') }}</span>
|
<span style="font-weight: 510; font-size: 1em">{{ t('complete_information') }}</span>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/arrow.png"
|
src="/src/assets/icon/Azizi/arrow.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 6vw"
|
style="width: 6vw"
|
||||||
class="flipImg"
|
class="flipImg"
|
||||||
@ -281,7 +281,7 @@
|
|||||||
<!-- 跳转按钮 -->
|
<!-- 跳转按钮 -->
|
||||||
<!-- <img
|
<!-- <img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/arrow.png"
|
src="/src/assets/icon/Azizi/arrow.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 6vw"
|
style="width: 6vw"
|
||||||
@click="gotoKYC"
|
@click="gotoKYC"
|
||||||
|
|||||||
@ -82,7 +82,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="../../assets/icon/edit.png"
|
src="../../assets/icon/Azizi/edit.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 70%; object-fit: contain"
|
style="display: block; width: 70%; object-fit: contain"
|
||||||
/>
|
/>
|
||||||
@ -523,7 +523,7 @@ onMounted(() => {
|
|||||||
width: 100vw;
|
width: 100vw;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
background-image: url(../../assets/images/secondBg.png);
|
background-image: url(../../assets/images/Azizi/secondBg.png);
|
||||||
}
|
}
|
||||||
|
|
||||||
.section-title {
|
.section-title {
|
||||||
|
|||||||
@ -80,7 +80,7 @@
|
|||||||
<img
|
<img
|
||||||
v-if="myInviteInfo.inviteCode"
|
v-if="myInviteInfo.inviteCode"
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="../../assets/icon/copy.png"
|
src="../../assets/icon/Azizi/copy.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 2em; object-fit: cover"
|
style="display: block; width: 2em; object-fit: cover"
|
||||||
@click="copyCode(myInviteInfo.inviteCode || '')"
|
@click="copyCode(myInviteInfo.inviteCode || '')"
|
||||||
@ -187,7 +187,7 @@
|
|||||||
<div style="display: flex; align-items: center">
|
<div style="display: flex; align-items: center">
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em"
|
style="display: block; width: 1.5em"
|
||||||
/>
|
/>
|
||||||
@ -211,7 +211,7 @@
|
|||||||
<div style="display: flex; align-items: center">
|
<div style="display: flex; align-items: center">
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em"
|
style="display: block; width: 1.5em"
|
||||||
/>
|
/>
|
||||||
@ -359,7 +359,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.1em"
|
style="display: block; width: 1.1em"
|
||||||
/>
|
/>
|
||||||
@ -542,7 +542,7 @@ import GeneralHeader from '@/components/GeneralHeader.vue'
|
|||||||
import itemCenter from '@/components/itemCenter.vue'
|
import itemCenter from '@/components/itemCenter.vue'
|
||||||
import maskLayer from '@/components/MaskLayer.vue'
|
import maskLayer from '@/components/MaskLayer.vue'
|
||||||
|
|
||||||
const imgUrl = new URL('/src/assets/icon/arrowBack.png', import.meta.url).href
|
const imgUrl = new URL('/src/assets/icon/Azizi/arrowBack.png', import.meta.url).href
|
||||||
|
|
||||||
const { t } = useI18n()
|
const { t } = useI18n()
|
||||||
const langStore = useLangStore()
|
const langStore = useLangStore()
|
||||||
|
|||||||
@ -28,7 +28,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="../../assets/icon/search.png"
|
src="../../assets/icon/Azizi/search.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 2em; aspect-ratio: 1/1; opacity: 0.6"
|
style="display: block; width: 2em; aspect-ratio: 1/1; opacity: 0.6"
|
||||||
/>
|
/>
|
||||||
@ -372,7 +372,7 @@ onMounted(() => {
|
|||||||
width: 100vw;
|
width: 100vw;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
background-image: url(../../assets/images/secondBg.png);
|
background-image: url(../../assets/images/Azizi/secondBg.png);
|
||||||
background-size: 100% auto;
|
background-size: 100% auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
@ -28,7 +28,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="../../assets/icon/search.png"
|
src="../../assets/icon/Azizi/search.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 2em; aspect-ratio: 1/1; opacity: 0.6"
|
style="display: block; width: 2em; aspect-ratio: 1/1; opacity: 0.6"
|
||||||
/>
|
/>
|
||||||
@ -381,7 +381,7 @@ input::placeholder {
|
|||||||
width: 100vw;
|
width: 100vw;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
background-image: url(../../assets/images/secondBg.png);
|
background-image: url(../../assets/images/Azizi/secondBg.png);
|
||||||
background-size: 100% auto;
|
background-size: 100% auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
@ -28,7 +28,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="../../assets/icon/search.png"
|
src="../../assets/icon/Azizi/search.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 2em; aspect-ratio: 1/1; opacity: 0.6"
|
style="display: block; width: 2em; aspect-ratio: 1/1; opacity: 0.6"
|
||||||
/>
|
/>
|
||||||
@ -380,7 +380,7 @@ input::placeholder {
|
|||||||
width: 100vw;
|
width: 100vw;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
background-image: url(../../assets/images/secondBg.png);
|
background-image: url(../../assets/images/Azizi/secondBg.png);
|
||||||
background-size: 100% auto;
|
background-size: 100% auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
@ -252,7 +252,7 @@
|
|||||||
<div style="display: flex; align-items: center">
|
<div style="display: flex; align-items: center">
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em"
|
style="display: block; width: 1.5em"
|
||||||
/>
|
/>
|
||||||
@ -276,7 +276,7 @@
|
|||||||
<div style="display: flex; align-items: center">
|
<div style="display: flex; align-items: center">
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em"
|
style="display: block; width: 1.5em"
|
||||||
/>
|
/>
|
||||||
@ -446,7 +446,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/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"
|
||||||
/>
|
/>
|
||||||
@ -602,7 +602,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/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"
|
||||||
/>
|
/>
|
||||||
@ -718,7 +718,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/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"
|
||||||
/>
|
/>
|
||||||
@ -994,7 +994,7 @@
|
|||||||
<div style="display: flex; align-items: center">
|
<div style="display: flex; align-items: center">
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em"
|
style="display: block; width: 1.5em"
|
||||||
/>
|
/>
|
||||||
@ -1018,7 +1018,7 @@
|
|||||||
<div style="display: flex; align-items: center">
|
<div style="display: flex; align-items: center">
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em"
|
style="display: block; width: 1.5em"
|
||||||
/>
|
/>
|
||||||
@ -1167,7 +1167,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1em"
|
style="display: block; width: 1em"
|
||||||
/>
|
/>
|
||||||
@ -1300,7 +1300,7 @@ import GeneralHeader from '@/components/GeneralHeader.vue'
|
|||||||
import itemCenter from '@/components/itemCenter.vue'
|
import itemCenter from '@/components/itemCenter.vue'
|
||||||
import maskLayer from '@/components/MaskLayer.vue'
|
import maskLayer from '@/components/MaskLayer.vue'
|
||||||
|
|
||||||
const imgUrl = new URL('/src/assets/icon/arrowBack.png', import.meta.url).href
|
const imgUrl = new URL('/src/assets/icon/Azizi/arrowBack.png', import.meta.url).href
|
||||||
|
|
||||||
const { t } = useI18n()
|
const { t } = useI18n()
|
||||||
const langStore = useLangStore()
|
const langStore = useLangStore()
|
||||||
|
|||||||
@ -28,7 +28,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="../../assets/icon/search.png"
|
src="../../assets/icon/Azizi/search.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 2em; aspect-ratio: 1/1; opacity: 0.6"
|
style="display: block; width: 2em; aspect-ratio: 1/1; opacity: 0.6"
|
||||||
/>
|
/>
|
||||||
@ -355,7 +355,7 @@ onMounted(() => {
|
|||||||
width: 100vw;
|
width: 100vw;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
background-image: url(../../assets/images/secondBg.png);
|
background-image: url(../../assets/images/Azizi/secondBg.png);
|
||||||
background-size: 100% auto;
|
background-size: 100% auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
@ -134,7 +134,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 3em; object-fit: cover"
|
style="display: block; width: 3em; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
@ -185,7 +185,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 3em; object-fit: cover"
|
style="display: block; width: 3em; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -79,7 +79,7 @@
|
|||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
v-if="rewards.isPaid"
|
v-if="rewards.isPaid"
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 1.3em; min-width: 0; display: block; object-fit: cover"
|
style="width: 1.3em; min-width: 0; display: block; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
@ -111,7 +111,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/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 1.3em; min-width: 0; display: block; object-fit: cover"
|
style="width: 1.3em; min-width: 0; display: block; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -529,7 +529,7 @@ const showRewardsTop3 = computed(() => {
|
|||||||
// 第一名
|
// 第一名
|
||||||
newRewardsTop3[0]?.activityRewardProps.push(
|
newRewardsTop3[0]?.activityRewardProps.push(
|
||||||
{
|
{
|
||||||
cover: new URL('/src/assets/icon/coin.png', import.meta.url).href,
|
cover: new URL('/src/assets/icon/Azizi/coin.png', import.meta.url).href,
|
||||||
content: t('heartbeat_value_points_4_percent', {
|
content: t('heartbeat_value_points_4_percent', {
|
||||||
amount: formatLargeNumber(Number(RankingHasTop3.value[0]?.totalNumber) * 0.04),
|
amount: formatLargeNumber(Number(RankingHasTop3.value[0]?.totalNumber) * 0.04),
|
||||||
}),
|
}),
|
||||||
@ -545,7 +545,7 @@ const showRewardsTop3 = computed(() => {
|
|||||||
)
|
)
|
||||||
// 第二名
|
// 第二名
|
||||||
newRewardsTop3[1]?.activityRewardProps.push({
|
newRewardsTop3[1]?.activityRewardProps.push({
|
||||||
cover: new URL('/src/assets/icon/coin.png', import.meta.url).href,
|
cover: new URL('/src/assets/icon/Azizi/coin.png', import.meta.url).href,
|
||||||
content: t('heartbeat_value_points_3_percent', {
|
content: t('heartbeat_value_points_3_percent', {
|
||||||
amount: formatLargeNumber(Number(RankingHasTop3.value[1]?.totalNumber) * 0.03),
|
amount: formatLargeNumber(Number(RankingHasTop3.value[1]?.totalNumber) * 0.03),
|
||||||
}),
|
}),
|
||||||
@ -554,7 +554,7 @@ const showRewardsTop3 = computed(() => {
|
|||||||
})
|
})
|
||||||
// 第三名
|
// 第三名
|
||||||
newRewardsTop3[2]?.activityRewardProps.push({
|
newRewardsTop3[2]?.activityRewardProps.push({
|
||||||
cover: new URL('/src/assets/icon/coin.png', import.meta.url).href,
|
cover: new URL('/src/assets/icon/Azizi/coin.png', import.meta.url).href,
|
||||||
content: t('heartbeat_value_points_2_percent', {
|
content: t('heartbeat_value_points_2_percent', {
|
||||||
amount: formatLargeNumber(Number(RankingHasTop3.value[2]?.totalNumber) * 0.02),
|
amount: formatLargeNumber(Number(RankingHasTop3.value[2]?.totalNumber) * 0.02),
|
||||||
}),
|
}),
|
||||||
|
|||||||
@ -64,7 +64,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.1em"
|
style="display: block; width: 1.1em"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -79,7 +79,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block"
|
style="display: block"
|
||||||
:style="{ width: coinWidth }"
|
:style="{ width: coinWidth }"
|
||||||
|
|||||||
@ -453,7 +453,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/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"
|
||||||
/>
|
/>
|
||||||
@ -612,7 +612,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/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"
|
||||||
/>
|
/>
|
||||||
@ -903,7 +903,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/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"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -169,7 +169,7 @@
|
|||||||
<div style="display: flex; justify-content: center; align-items: center; gap: 2px">
|
<div style="display: flex; justify-content: center; align-items: center; gap: 2px">
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.3em; aspect-ratio: 1/1"
|
style="display: block; width: 1.3em; aspect-ratio: 1/1"
|
||||||
/>
|
/>
|
||||||
@ -329,7 +329,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.3em; aspect-ratio: 1/1"
|
style="display: block; width: 1.3em; aspect-ratio: 1/1"
|
||||||
/>
|
/>
|
||||||
@ -758,7 +758,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em; aspect-ratio: 1/1"
|
style="display: block; width: 1.5em; aspect-ratio: 1/1"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -69,7 +69,7 @@
|
|||||||
<!-- 推出键 -->
|
<!-- 推出键 -->
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="../../../assets/icon/arrowBack.png"
|
src="../../../assets/icon/Azizi/arrowBack.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="position: absolute; left: 0; top: 50%; transform: translateY(-50%)"
|
style="position: absolute; left: 0; top: 50%; transform: translateY(-50%)"
|
||||||
width="6%"
|
width="6%"
|
||||||
@ -262,7 +262,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.3em; aspect-ratio: 1/1"
|
style="display: block; width: 1.3em; aspect-ratio: 1/1"
|
||||||
/>
|
/>
|
||||||
@ -374,7 +374,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.3em; aspect-ratio: 1/1"
|
style="display: block; width: 1.3em; aspect-ratio: 1/1"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -79,7 +79,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.3em"
|
style="display: block; width: 1.3em"
|
||||||
/>
|
/>
|
||||||
@ -124,7 +124,7 @@ const props = defineProps({
|
|||||||
|
|
||||||
avatarUrl: {
|
avatarUrl: {
|
||||||
type: String,
|
type: String,
|
||||||
default: '/src/assets/icon/defaultAvatar.png',
|
default: '/src/assets/icon/Azizi/defaultAvatar.png',
|
||||||
},
|
},
|
||||||
|
|
||||||
BorderImgUrl: {
|
BorderImgUrl: {
|
||||||
|
|||||||
@ -23,7 +23,7 @@
|
|||||||
<!-- 帮助按钮 -->
|
<!-- 帮助按钮 -->
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="../../../assets/icon/helpAct.png"
|
src="../../../assets/icon/Azizi/helpAct.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="width: 10%; position: absolute; top: 48px; right: 8px; z-index: 4"
|
style="width: 10%; position: absolute; top: 48px; right: 8px; z-index: 4"
|
||||||
@click="helpInfoShow = true"
|
@click="helpInfoShow = true"
|
||||||
@ -296,7 +296,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.3em; aspect-ratio: 1/1"
|
style="display: block; width: 1.3em; aspect-ratio: 1/1"
|
||||||
/>
|
/>
|
||||||
@ -567,7 +567,7 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.5em; aspect-ratio: 1/1"
|
style="display: block; width: 1.5em; aspect-ratio: 1/1"
|
||||||
/>
|
/>
|
||||||
@ -770,7 +770,7 @@
|
|||||||
<div style="display: flex; justify-content: center; align-items: center; gap: 2px">
|
<div style="display: flex; justify-content: center; align-items: center; gap: 2px">
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 1.3em; aspect-ratio: 1/1; object-fit: cover"
|
style="display: block; width: 1.3em; aspect-ratio: 1/1; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -84,7 +84,7 @@ const props = defineProps({
|
|||||||
|
|
||||||
avatarUrl: {
|
avatarUrl: {
|
||||||
type: String,
|
type: String,
|
||||||
default: '/src/assets/icon/defaultAvatar.png',
|
default: '/src/assets/icon/Azizi/defaultAvatar.png',
|
||||||
},
|
},
|
||||||
|
|
||||||
BorderImgUrl: {
|
BorderImgUrl: {
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="policy-container">
|
<div class="policy-container">
|
||||||
<img src="/src/assets/icon/arrowBlackGold.png" alt="" class="back-bt" @click="goBack" />
|
<img src="/src/assets/icon/Azizi/arrowBlackGold.png" alt="" class="back-bt" @click="goBack" />
|
||||||
<img
|
<img
|
||||||
:src="imageUrl(getImgName('rechargeGuide'))"
|
:src="imageUrl(getImgName('rechargeGuide'))"
|
||||||
alt=""
|
alt=""
|
||||||
@ -37,7 +37,7 @@ const currentLangType = computed(() => {
|
|||||||
return langStore.selectedLang?.type || 'en'
|
return langStore.selectedLang?.type || 'en'
|
||||||
})
|
})
|
||||||
|
|
||||||
const imgUrl = new URL('/src/assets/icon/arrowBackBlack.png', import.meta.url).href
|
const imgUrl = new URL('/src/assets/icon/Azizi/arrowBackBlack.png', import.meta.url).href
|
||||||
|
|
||||||
// 预加载关键图片
|
// 预加载关键图片
|
||||||
const preloadCriticalImages = () => {
|
const preloadCriticalImages = () => {
|
||||||
|
|||||||
@ -133,7 +133,7 @@ import { searchUser } from '@/api/userInfo'
|
|||||||
import GeneralHeader from '@/components/GeneralHeader.vue'
|
import GeneralHeader from '@/components/GeneralHeader.vue'
|
||||||
import maskLayer from '@/components/MaskLayer.vue'
|
import maskLayer from '@/components/MaskLayer.vue'
|
||||||
|
|
||||||
const helpImg = new URL('/src/assets/icon/help.png', import.meta.url).href
|
const helpImg = new URL('/src/assets/icon/Azizi/help.png', import.meta.url).href
|
||||||
const targetUserStore = useTargetUser()
|
const targetUserStore = useTargetUser()
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
|
|
||||||
@ -188,7 +188,7 @@ onMounted(() => {
|
|||||||
.bg {
|
.bg {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
background-image: url(../../assets/images/secondBg.png);
|
background-image: url(../../assets/images/Azizi/secondBg.png);
|
||||||
background-size: 100% auto;
|
background-size: 100% auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -150,7 +150,7 @@ const confirm = () => {
|
|||||||
.bg {
|
.bg {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
background-image: url(../../assets/images/secondBg.png);
|
background-image: url(../../assets/images/Azizi/secondBg.png);
|
||||||
background-size: 100% auto;
|
background-size: 100% auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -21,7 +21,7 @@
|
|||||||
<div style="font-weight: 600">{{ $t('my_information') }}</div>
|
<div style="font-weight: 600">{{ $t('my_information') }}</div>
|
||||||
<div style="min-width: 0; width: 1.5em" @click="goGuide">
|
<div style="min-width: 0; width: 1.5em" @click="goGuide">
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/help.png"
|
src="../../assets/icon/Azizi/help.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 100%; object-fit: cover"
|
style="display: block; width: 100%; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
@ -169,7 +169,7 @@
|
|||||||
@click="goPay(channelItem, goods)"
|
@click="goPay(channelItem, goods)"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/coin.png"
|
src="../../assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
style="display: block; width: 3em; object-fit: cover"
|
style="display: block; width: 3em; object-fit: cover"
|
||||||
/>
|
/>
|
||||||
@ -372,7 +372,7 @@ onMounted(async () => {
|
|||||||
.bg {
|
.bg {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
background-image: url(../../assets/images/secondBg.png);
|
background-image: url(../../assets/images/Azizi/secondBg.png);
|
||||||
background-size: 100% auto;
|
background-size: 100% auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -176,7 +176,7 @@
|
|||||||
<div style="font-weight: 700">Current balance:</div>
|
<div style="font-weight: 700">Current balance:</div>
|
||||||
<div style="width: 5%">
|
<div style="width: 5%">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/icon/coin.png"
|
src="/src/assets/icon/Azizi/coin.png"
|
||||||
alt=""
|
alt=""
|
||||||
width="100%"
|
width="100%"
|
||||||
style="aspect-ratio: 1/1; display: block"
|
style="aspect-ratio: 1/1; display: block"
|
||||||
@ -350,7 +350,7 @@ import { follow } from '@/api/recruit.js'
|
|||||||
import maskLayer from '@/components/MaskLayer.vue'
|
import maskLayer from '@/components/MaskLayer.vue'
|
||||||
|
|
||||||
//vite动态批量导入图片
|
//vite动态批量导入图片
|
||||||
const imageModules = import.meta.glob('@/assets/images/RechargeAgency/*.{png,jpg,svg}', {
|
const imageModules = import.meta.glob('@/assets/images/Azizi/RechargeAgency/*.{png,jpg,svg}', {
|
||||||
eager: true,
|
eager: true,
|
||||||
})
|
})
|
||||||
// 生成文件名映射对象(自动移除路径和扩展名)
|
// 生成文件名映射对象(自动移除路径和扩展名)
|
||||||
|
|||||||
@ -26,7 +26,7 @@
|
|||||||
"
|
"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="../../assets/icon/search.png"
|
src="../../assets/icon/Azizi/search.png"
|
||||||
alt=""
|
alt=""
|
||||||
width="24px"
|
width="24px"
|
||||||
style="opacity: 0.6"
|
style="opacity: 0.6"
|
||||||
@ -105,7 +105,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="display: flex; justify-content: center; align-items: center">
|
<div style="display: flex; justify-content: center; align-items: center">
|
||||||
<img src="../../assets/icon/add.png" alt="" width="32px" class="add-icon" />
|
<img src="../../assets/icon/Azizi/add.png" alt="" width="32px" class="add-icon" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||