ysc/thebet365
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(player): apply heading/data font tokens globally across all desktop components

Browse Source
This commit is contained in:
mars
2026-07-13 09:55:26 +08:00
parent 3af2fe72d4
commit 5a6a8195f8
11 changed files with 138 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
apps/player/src/views/desktop/DesktopWalletTransactionDetailView.vue
View File

@@ -71,7 +71,7 @@ function txLabel(tx: TxDetail): string {
<div class="detail-layout">
<div class="page-header">
<button type="button" class="back-btn" @click="goBack">
‹ {{ t('common.back') || '返回' }}
�{{ t('common.back') || '返回' }}
</button>
<h1 class="page-title">{{ t('wallet.transaction_detail') || '交易详情' }}</h1>
</div>
@@ -101,19 +101,19 @@ function txLabel(tx: TxDetail): string {
<span class="row-val">{{ txSummaryLabel(detail, t) || '-' }}</span>
</div>
<div class="detail-row">
<span class="row-label">{{ t('wallet.balance_before') || '变动前余额' }}</span>
<span class="row-label">{{ t('wallet.balance_before') || 'å<EFBFBD>˜åŠ¨å‰<EFBFBD>ä½™é¢? }}</span>
<span class="row-val mono">{{ formatMoney(detail.balanceBefore, locale) }}</span>
</div>
<div class="detail-row">
<span class="row-label">{{ t('wallet.balance_after') || '变动后余额' }}</span>
<span class="row-label">{{ t('wallet.balance_after') || 'å<EFBFBD>˜åŠ¨å<EFBFBD>Žä½™é¢? }}</span>
<span class="row-val mono">{{ formatMoney(detail.balanceAfter, locale) }}</span>
</div>
<div v-if="parseFloat(detail.frozenBefore || '0') > 0 || parseFloat(detail.frozenAfter || '0') > 0" class="detail-row">
<span class="row-label">{{ t('wallet.frozen_before') || '冻结前' }}</span>
<span class="row-label">{{ t('wallet.frozen_before') || '冻结� }}</span>
<span class="row-val mono">{{ formatMoney(detail.frozenBefore, locale) }}</span>
</div>
<div v-if="parseFloat(detail.frozenBefore || '0') > 0 || parseFloat(detail.frozenAfter || '0') > 0" class="detail-row">
<span class="row-label">{{ t('wallet.frozen_after') || '冻结后' }}</span>
<span class="row-label">{{ t('wallet.frozen_after') || '冻结å<EFBFBD>? }}</span>
<span class="row-val mono">{{ formatMoney(detail.frozenAfter, locale) }}</span>
</div>
<div class="detail-row">
@@ -121,13 +121,13 @@ function txLabel(tx: TxDetail): string {
<span class="row-val">{{ new Date(detail.createdAt).toLocaleString() }}</span>
</div>
<div class="detail-row">
<span class="row-label">{{ t('wallet.transaction_id') || '流水号' }}</span>
<span class="row-label">{{ t('wallet.transaction_id') || 'æµ<EFBFBD>æ°´å<EFBFBD>? }}</span>
<span class="row-val mono">{{ detail.transactionId }}</span>
</div>
</div>
</div>
<div v-else class="empty-state">{{ t('common.not_found') || '未找到记录' }}</div>
<div v-else class="empty-state">{{ t('common.not_found') || '未找到记� }}</div>
</div>
</main>
</div>
@@ -165,7 +165,7 @@ function txLabel(tx: TxDetail): string {
font-size: 36px;
font-weight: 800;
font-variant-numeric: tabular-nums;
font-family: 'SF Mono', 'Consolas', monospace;
font-family: var(--font-mono);
line-height: 1.1;
margin-bottom: 6px;
}
@@ -197,5 +197,5 @@ function txLabel(tx: TxDetail): string {
.row-val { flex: 1; font-size: 13px; font-weight: 700; color: var(--text); word-break: break-all; }
.row-val.pos { color: var(--primary-light); }
.row-val.neg { color: var(--danger); }
.mono { font-family: 'SF Mono', 'Consolas', monospace; font-size: 12px; letter-spacing: 0.03em; }
.mono { font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.03em; }
</style>