|
|
2180751a9b
|
fix: 修复前端侧边栏双重展开动画问题
移除条件渲染和 CSS animation 的冲突，改用纯 CSS transition 控制显示/隐藏。
**问题根源：**
- 组件使用 `if (!open) return null;` 条件渲染，导致挂载时立即出现
- CSS 同时使用 `animation: slideInLeft`，触发从 -100% 的二次滑入
- 两个独立显示机制叠加，造成双重动画闪烁
**修复方案：**
- SessionSidebar: 移除条件渲染，始终保持 DOM 存在，通过动态 className 控制状态
- App.css: 移除 `animation` 和 `@keyframes`，改用 `transition: transform`
- 新增 `.sidebar--collapsed` / `.sidebar--open` 类控制 `translateX`
- 新增 `.sidebar-backdrop--visible` 类控制背景遮罩淡入淡出
- 添加 `pointer-events: none` 确保隐藏状态不响应交互
影响范围：
- frontend/src/components/SessionSidebar/index.tsx
- frontend/src/App.css
|
2026-06-22 12:05:54 +08:00 |
|
|
|
6bca4e0d47
|
fix: 修复前端侧边栏弹出异常问题
|
2026-06-22 11:15:41 +08:00 |
|
|
|
e24fb2cc19
|
refactor: 将情景图标和设备选择器的 emoji 统一替换为 SVG 图标
- 新增 scenarioIcons.tsx 提取情景图标渲染逻辑
- 情景芯片、设备选择器、警告提示等 emoji 全部改为 Feather-style SVG
- 调整 CSS 确保 SVG 图标居中对齐
|
2026-06-21 23:50:27 +08:00 |
|
|
|
7a0443ebcc
|
style: 样式优化
|
2026-06-14 16:31:23 +08:00 |
|
|
|
92f3f45c41
|
feat: 新增会话历史侧边栏，支持新建/切换/删除/重命名会话
类似 ChatGPT 的侧边栏布局，消息历史持久化到 localStorage。
- 新增 SessionSummary 类型和 localStorage 读写函数
- 新增 useSessionList Hook 管理会话列表 CRUD
- 新增 SessionSidebar 组件（展开/折叠、行内重命名）
- App.tsx 协调 useSessionList 和 useVisionSession
- 消息变化时自动持久化，切换/新建会话时保存并加载
- 新增 i18n 翻译 key（中/英/日）
|
2026-06-14 15:44:25 +08:00 |
|
