xiaocai

Files

wangxiaogang 5df910c9f1 feat(ui): UI/交互优化 — 动画系统+Design Token+骨架屏+微反馈

1. Design Token 统一：CategoryIcon/BudgetBar/Numpad/Skeleton/TransactionItem
   硬编码hex颜色替换为 $primary/$border/$danger 等SCSS变量
2. 入场动画：mixins.scss 添加 fade-in-up/bounce-in/count-up 等 mixin+keyframes，
   首页卡片/金额/快捷按钮应用交错入场动画
3. 记账成功动画增强：SaveSuccess 增加纸屑粒子爆发+光环脉冲效果，
   prefers-reduced-motion 下自动隐藏
4. 骨架屏替代文字加载：recurring/group-manage/notifications 三个页面
   从"加载中..."替换为骨架屏；空状态增加图标容器+引导文案
5. 交互微反馈：分类按压0.92缩放、推荐虚线呼吸动画、
   Tab滑块cubic-bezier优化、快捷按钮弹性按压
6. 左滑删除提示：TransactionItem首项1.5s后自动微微左滑再回弹，
   引导用户发现滑动删除功能

2026-06-10 15:59:42 +08:00