update pay function
This commit is contained in:
@@ -7,10 +7,10 @@
|
||||
### 🚀 技术栈
|
||||
|
||||
- **Hero UI** - 现代化 React UI 组件库(NextUI 的继任者)
|
||||
- **Framer Motion** - 物理动画引擎
|
||||
- **Framer Motion 12** - 物理动画引擎(已升级!)
|
||||
- **Tailwind CSS** - 原子化 CSS 框架(Hero UI 内置)
|
||||
- **Lucide Icons** - 现代化图标库
|
||||
- **Chakra UI Toast** - 通知提示(保留)
|
||||
- **Chakra UI Toast** - 通知提示(待迁移到 Hero UI Toast)
|
||||
|
||||
### 🎨 视觉特性
|
||||
|
||||
@@ -19,11 +19,12 @@
|
||||
- `backdrop-blur-xl` + 渐变背景
|
||||
- 深色模式完美支持
|
||||
|
||||
2. **流畅动画**
|
||||
- 侧边栏 Spring 动画滑入/滑出
|
||||
- 消息依次淡入(错开延迟)
|
||||
- 按钮悬停/点击缩放效果
|
||||
- AI 头像持续旋转动画
|
||||
2. **流畅动画(Framer Motion 12 物理引擎)**
|
||||
- ✨ 侧边栏 **Spring 弹性动画**滑入/滑出(stiffness: 300, damping: 30)
|
||||
- ✨ 消息 **淡入上移** + **错开延迟**(staggerChildren: 0.05)
|
||||
- ✨ 按钮 **悬停缩放**(1.05x) + **点击压缩**(0.95x)
|
||||
- ✨ AI 头像 **360度持续旋转**(duration: 3s, linear)
|
||||
- ✨ 快捷问题卡片 **退出动画**(AnimatePresence)
|
||||
|
||||
3. **渐变色设计**
|
||||
- 标题:蓝到紫渐变
|
||||
|
||||
Reference in New Issue
Block a user