feat: 添加交易页面、每日洞察卡片和趋势折线图组件,并引入新的玻璃拟态风格CSS。

This commit is contained in:
2026-01-29 07:39:46 +08:00
parent f3b5f35ed2
commit c039d869a3
7 changed files with 177 additions and 304 deletions

View File

@@ -154,25 +154,22 @@ export const DailyInsightCard: React.FC<DailyInsightCardProps> = ({
<p className="daily-insight__text animate-fade-in">{spendingInsight.text}</p>
</div>
<div className="daily-insight__divider" />
<div className="daily-insight__section">
<span className="daily-insight__title"></span>
<p className="daily-insight__text animate-fade-in">{budgetInsight.text}</p>
</div>
{aiData?.tip && (
<>
<div className="daily-insight__divider" />
<div className="daily-insight__tip">
<Icon icon="solar:lightbulb-bolt-bold-duotone" width="16" />
<span>{aiData.tip}</span>
</div>
</>
)}
</div>
{aiData?.tip && (
<div className="daily-insight__footer">
<div className="daily-insight__tip">
<Icon icon="solar:lightbulb-bolt-bold-duotone" width="16" />
<span>{aiData.tip}</span>
</div>
</div>
)}
</div>
);
};