chore(ui):添加充值提示

This commit is contained in:
qian committed 2026-06-17 00:02:21 +08:00
1 parent f1926cf691
commit 1dc120cfee
2 files changed
+28 -2

No files matched your search

+2 -2
View File
@@ -169,12 +169,12 @@ const columns: TableColumnData[] = [
},
},
{
title: '钱包余额',
title: '钱包余额(美元)',
dataIndex: 'wallet_balance',
width: 120,
render({ record }) {
const val = parseFloat(record.wallet_balance || '0')
return `¥${val.toFixed(2)}`
return `\$${val.toFixed(2)}`
},
},
{ title: '创建时间', dataIndex: 'created_at', width: 170 },
@@ -479,6 +479,14 @@ onBeforeUnmount(() => {
充值 ¥{{ rechargeAmount || '—' }}
</template>
</button>
<!-- Conversion note -->
<div class="recharge-note">
<div class="recharge-note-icon">
<Icon name="infoCircle" size="xs" />
</div>
<p>充值金额为人民币(¥),支付成功后将按平台汇率换算为美元($)入账到您的钱包余额。</p>
</div>
</div>
</div>
</div>
@@ -872,6 +880,24 @@ onBeforeUnmount(() => {
.pay-method-icon-wxpay { background: linear-gradient(135deg, #07c160, #06ad56); }
.pay-method-icon-default { background: linear-gradient(135deg, #6b7280, #4b5563); }
/* ==========================================
Recharge Conversion Note
========================================== */
.recharge-note {
display: flex; align-items: flex-start; gap: 0.5rem;
padding: 0.75rem 0.875rem;
border-radius: 0.75rem;
background-color: #f0fdfa;
border: 1px solid #ccfbf1;
}
.recharge-note-icon {
flex-shrink: 0; margin-top: 0.0625rem;
color: #14b8a6;
}
.recharge-note p {
font-size: 0.75rem; line-height: 1.5; color: #0f766e;
}
/* ==========================================
Transitions
========================================== */