Skip to content

feat(console): 参考 arc-library 重做控制台动效(GSAP + Tailwind,不引入新依赖) - #325

Merged
caigee-cmd merged 12 commits into
mainfrom
feat/console-motion
Oct 21, 2026
Merged

caigee-cmd merged 12 commits into
mainfrom
feat/console-motion

Conversation

@caigee-cmd

Copy link
Copy Markdown
Owner

新增 frontend/src/lib/motion.ts 统一时长/缓动,所有新动效都带 prefers-reduced-motion 降级;不改业务逻辑与 Go 后端,已同步 internal/webui/static。

  1. FilterToggle 选中滑块平滑滑动(segmented-control)
  2. 复制反馈图标模糊交叉过渡(copy-button)
  3. CountUp 从旧值滚动 + 按涨跌方向入场(animated-counter / metric-card)
  4. 额度条首屏依次展开,运行条接入 token(usage-meter)
  5. 骨架屏 → 内容高度平滑过渡并淡入(skeleton)
  6. 日志页标签滑动指示条 + 按方向的面板切换(tabs)
  7. API Key 单项删除改为按住确认;批量/不可逆操作仍保留弹窗(hold-to-confirm)
  8. 添加账号向导(唯一多步骤弹窗)按步骤方向切换(dialog)
  9. 轻量 toast(同 id 原地更新),接入账号刷新/积分刷新/添加/删除、日志清空、Key 删除(toast-stack)

@caigee-cmd
caigee-cmd merged commit 9f83af1 into main Oct 21, 2026
6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant