feat: 添加交易页面、每日洞察卡片和趋势折线图组件,并引入新的玻璃拟态风格CSS。
This commit is contained in:
@@ -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>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user