feat: switch crypto quotes to usd
This commit is contained in:
@@ -185,7 +185,7 @@ export interface CryptoMarketSnapshot {
|
||||
stale: boolean
|
||||
overview: {
|
||||
btc_market_cap_percentage: number
|
||||
total_volume_cny: number
|
||||
total_volume_usd: number
|
||||
}
|
||||
coins: CryptoMarketCoin[]
|
||||
}
|
||||
|
||||
@@ -101,8 +101,8 @@
|
||||
</view>
|
||||
|
||||
<view class="coin-row__price">
|
||||
<text class="coin-row__price-value">{{ formatCnyPrice(coin.current_price) }}</text>
|
||||
<text class="coin-row__market-cap">{{ formatMarketCap(coin.market_cap) }}</text>
|
||||
<text class="coin-row__price-value">{{ formatUsdPrice(coin.current_price) }}</text>
|
||||
<text class="coin-row__market-cap">{{ formatUsdMarketCap(coin.market_cap) }}</text>
|
||||
</view>
|
||||
|
||||
<view class="coin-row__badge" :class="changeClass(coin.price_change_percentage_24h)">
|
||||
@@ -187,7 +187,7 @@ const displayCoins = computed(() => {
|
||||
})
|
||||
|
||||
const btcShare = computed(() => `${btcMarketShare.value.toFixed(1)}%`)
|
||||
const totalVolumeText = computed(() => formatLargeCny(totalVolume.value))
|
||||
const totalVolumeText = computed(() => formatLargeUsd(totalVolume.value))
|
||||
const emptyTitle = computed(() => searchKey.value ? '没有匹配的币种' : '暂无自选币种')
|
||||
const emptyDesc = computed(() => searchKey.value ? '换个关键词试试' : '点击行情右侧星标即可加入自选')
|
||||
|
||||
@@ -199,7 +199,7 @@ const fetchMarket = async () => {
|
||||
allCoins.value = Array.isArray(data?.coins) ? data.coins : []
|
||||
updatedTime.value = data?.updated_time || '--:--'
|
||||
btcMarketShare.value = Number(data?.overview?.btc_market_cap_percentage || 0)
|
||||
totalVolume.value = Number(data?.overview?.total_volume_cny || 0)
|
||||
totalVolume.value = Number(data?.overview?.total_volume_usd || 0)
|
||||
failedLogos.value = []
|
||||
loadError.value = allCoins.value.length === 0
|
||||
} catch (error) {
|
||||
@@ -295,25 +295,28 @@ const markLogoError = (symbol: string) => {
|
||||
}
|
||||
}
|
||||
|
||||
const formatCnyPrice = (value: number) => {
|
||||
const formatUsdPrice = (value: number) => {
|
||||
const price = Number(value || 0)
|
||||
const digits = price >= 100 ? 2 : price >= 1 ? 2 : price >= 0.01 ? 4 : 6
|
||||
return `¥${price.toLocaleString('zh-CN', { minimumFractionDigits: digits, maximumFractionDigits: digits })}`
|
||||
return `$${price.toLocaleString('en-US', { minimumFractionDigits: digits, maximumFractionDigits: digits })}`
|
||||
}
|
||||
|
||||
const formatMarketCap = (value: number) => {
|
||||
const formatUsdMarketCap = (value: number) => {
|
||||
const amount = Number(value || 0)
|
||||
if (amount >= 1e12) return `¥${(amount / 1e12).toFixed(2)}万亿`
|
||||
if (amount >= 1e8) return `¥${(amount / 1e8).toFixed(2)}亿`
|
||||
if (amount >= 1e4) return `¥${(amount / 1e4).toFixed(2)}万`
|
||||
return `¥${amount.toFixed(2)}`
|
||||
if (amount >= 1e12) return `$${(amount / 1e12).toFixed(2)}T`
|
||||
if (amount >= 1e9) return `$${(amount / 1e9).toFixed(2)}B`
|
||||
if (amount >= 1e6) return `$${(amount / 1e6).toFixed(2)}M`
|
||||
if (amount >= 1e3) return `$${(amount / 1e3).toFixed(2)}K`
|
||||
return `$${amount.toFixed(2)}`
|
||||
}
|
||||
|
||||
const formatLargeCny = (value: number) => {
|
||||
const formatLargeUsd = (value: number) => {
|
||||
const amount = Number(value || 0)
|
||||
if (amount >= 1e8) return `¥${(amount / 1e8).toLocaleString('zh-CN', { maximumFractionDigits: 2 })}亿`
|
||||
if (amount >= 1e4) return `¥${(amount / 1e4).toLocaleString('zh-CN', { maximumFractionDigits: 2 })}万`
|
||||
return `¥${amount.toLocaleString('zh-CN', { maximumFractionDigits: 2 })}`
|
||||
if (amount >= 1e12) return `$${(amount / 1e12).toLocaleString('en-US', { maximumFractionDigits: 2 })}T`
|
||||
if (amount >= 1e9) return `$${(amount / 1e9).toLocaleString('en-US', { maximumFractionDigits: 2 })}B`
|
||||
if (amount >= 1e6) return `$${(amount / 1e6).toLocaleString('en-US', { maximumFractionDigits: 2 })}M`
|
||||
if (amount >= 1e3) return `$${(amount / 1e3).toLocaleString('en-US', { maximumFractionDigits: 2 })}K`
|
||||
return `$${amount.toLocaleString('en-US', { maximumFractionDigits: 2 })}`
|
||||
}
|
||||
|
||||
const formatChange = (value: number) => {
|
||||
|
||||
Reference in New Issue
Block a user