chore(ui):添加充值提示
This commit is contained in:
1 parent
f1926cf691
commit
1dc120cfee
2 files changed
+28
-2
No files matched your search
@@ -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
|
||||
========================================== */
|
||||
|
||||
Reference in new issue
Block a user