leemuzi/real-time-fund
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: PC端列表模式点击基金名称查看详情

Browse Source
This commit is contained in:
hzm
2026-03-08 18:59:17 +08:00
parent e97de8744a
commit 7f3dfb31cf
4 changed files with 122 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/components/FundCard.jsx
View File

@@ -220,25 +220,25 @@ export default function FundCard({
display: 'flex',
alignItems: 'center',
gap: 4,
cursor: 'pointer',
cursor: layoutMode === 'drawer' ? 'default' : 'pointer',
}}
onClick={() => onHoldingClick?.(f)}
onClick={() => layoutMode !== 'drawer' && onHoldingClick?.(f)}
>
未设置 <SettingsIcon width="12" height="12" />
未设置 {layoutMode !== 'drawer' && <SettingsIcon width="12" height="12" />}
</div>
</div>
) : (
<>
<div
className="stat"
style={{ cursor: 'pointer', flexDirection: 'column', gap: 4 }}
onClick={() => onActionClick?.(f)}
style={{ cursor: layoutMode === 'drawer' ? 'default' : 'pointer', flexDirection: 'column', gap: 4 }}
onClick={() => layoutMode !== 'drawer' && onActionClick?.(f)}
>
<span
className="label"
style={{ display: 'flex', alignItems: 'center', gap: 4 }}
>
持仓金额 <SettingsIcon width="12" height="12" style={{ opacity: 0.7 }} />
持仓金额 {layoutMode !== 'drawer' && <SettingsIcon width="12" height="12" style={{ opacity: 0.7 }} />}
</span>
<span className="value">¥{profit.amount.toFixed(2)}</span>
</div>
@@ -267,12 +267,12 @@ export default function FundCard({
e.stopPropagation();
onPercentModeToggle?.(f.code);
}}
style={{ cursor: 'pointer', flexDirection: 'column', gap: 4 }}
style={{ cursor: 'pointer', flexDirection: 'column', gap: 4, alignItems: 'flex-end' }}
title="点击切换金额/百分比"
>
<span
className="label"
style={{ display: 'flex', alignItems: 'center', gap: 1 }}
style={{ display: 'flex', alignItems: 'center', gap: 1, justifyContent: 'flex-end' }}
>
持有收益{percentModes?.[f.code] ? '(%)' : ''}
<SwitchIcon />