]> acesimba.cloud Git - StationBuilder.git/commit
fix: 右下角 AI 图标改为可拖动并更换为机器人图标
authorwang.yu <wang.yu@advantech.com>
Sun, 16 Aug 2026 02:34:49 +0000 (10:34 +0800)
committerwang.yu <wang.yu@advantech.com>
Sun, 16 Aug 2026 02:34:49 +0000 (10:34 +0800)
commit6f9b19590b3cd5eb2a07a303a025203a1569d022
tree9e038c134767f9292c8a03743f7fd81931e91d2f
parent51d70b327d843b167611c5cf1987a7fb642f92f5
fix: 右下角 AI 图标改为可拖动并更换为机器人图标

问题:右下角固定的 AI 悬浮按钮有时会遮挡「下一步」按钮,且原 ✦ 图标不够突出。

改动:
- 悬浮按钮支持拖拽移动:基于 Pointer 事件 + setPointerCapture 实现,
  拖动实时更新位置并持久化到 localStorage(刷新后保持),超出视口自动夹紧;
  拖动阈值 4px 内仍视为点击(打开对话框),双击复位到默认右下角。
- CSS 增加 cursor:grab/grabbing、touch-action:none、user-select:none,
  触屏也可拖动。
- 图标由 ✦ 替换为机器人 SVG(屏幕+天线+双眼+嘴),在紫蓝渐变圆底上
  更醒目,明确体现 AI 助手。

验证:tsc 对本项目改动文件无报错(db/vite/worker 的环境类型报错为既有问题,
与本改动无关)。
app/globals.css
app/page.tsx