Novault/Novault-Frontend-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 添加了 PiggyBankCard 组件及其样式以及 TransactionForm 组件。

Browse Source
This commit is contained in:
12975
2026-01-26 01:56:03 +08:00
parent 9ae036ea5c
commit 2cb596f7af
3 changed files with 506 additions and 306 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/transaction/TransactionForm/TransactionForm.tsx
View File

@@ -375,7 +375,13 @@ export const TransactionForm: React.FC<TransactionFormProps> = ({
onClick={() => handleAccountChange(account.id)}
disabled={loading}
>
<span className="transaction-form__account-icon">{account.icon}</span>
<span className="transaction-form__account-icon">
{account.icon && account.icon.includes(':') ? (
<Icon icon={account.icon} width="20" />
) : (
account.icon || '💰'
)}
</span>
<span className="transaction-form__account-name">{account.name}</span>
<span className="transaction-form__account-balance">
{getCurrencySymbol(account.currency)}
@@ -410,13 +416,21 @@ export const TransactionForm: React.FC<TransactionFormProps> = ({
<div className="transaction-form__summary-row">
<span className="transaction-form__summary-label">分类</span>
<span className="transaction-form__summary-value">
{selectedCategory?.icon} {selectedCategory?.name || '未选择'}
{selectedCategory?.icon && selectedCategory.icon.includes(':') ? (
<Icon icon={selectedCategory.icon} width="16" style={{ marginRight: 4, verticalAlign: 'middle' }} />
) : (
selectedCategory?.icon
)} {selectedCategory?.name || '未选择'}
</span>
</div>
<div className="transaction-form__summary-row">
<span className="transaction-form__summary-label">账户</span>
<span className="transaction-form__summary-value">
{selectedAccount?.icon} {selectedAccount?.name || '未选择'}
{selectedAccount?.icon && selectedAccount.icon.includes(':') ? (
<Icon icon={selectedAccount.icon} width="16" style={{ marginRight: 4, verticalAlign: 'middle' }} />
) : (
selectedAccount?.icon
)} {selectedAccount?.name || '未选择'}
</span>
</div>
</div>