Skip to content

净资产面板

紧凑的 4 列关键绩效指标 (KPI) 卡片网格,一目了然地总结整体财务状况。

显示内容

四张大格式卡片,每张包含图标、标签和数值:

卡片图标描述
总资产Wallet所有资产账户余额总和
总负债TrendingDown所有负债账户余额总和
净资产DollarSign资产减去负债
月净值TrendingUp当月收入减去支出

月净值卡片显示上下文文本:正值时显示"本月结余",负值时显示"超支"。

主要功能

  • 颜色编码数值 —— 正值绿色,负值红色。
  • 大号字体 —— 数值使用 text-3xl font-boldtabular-nums 以保持数字宽度一致。
  • 单一数据源 —— 四个值全部来自存储中的同一个 netWorth 对象。

数据来源

状态管理字段
useFinanceStorenetWorth(包含 assets, liabilities, netWorth, monthlyNet

所有值使用 formatNZD() 格式化。

交互操作

此面板仅供展示。无交互控件。

相关面板