🤖 Chatbot 增强拖拽功能测试
这个页面用来测试 chatbot 的新增拖拽和浮动功能。
✨ 新功能介绍:
🎯 浮动模式: 点击浮动按钮可以将 chatbot 切换为自由浮动窗口
🖱️ 拖拽移动: 在浮动模式下,可以拖拽标题栏移动窗口位置
📏 八方向调整大小: 可以拖拽窗口的上下左右边缘和四个角来调整大小
💾 状态保存: 位置和大小会自动保存,下次打开时恢复
🔄 切换模式: 可以在固定模式和浮动模式之间自由切换
🔧 操作说明:
- 点击上方按钮打开 chatbot
- 找到右上角的浮动按钮(立方体图标),点击切换到浮动模式
- 在浮动模式下:
- 拖拽标题栏可以移动窗口
- 拖拽窗口边缘可以调整大小
- 右上角图标会变为固定模式按钮
- 再次点击可以切换回固定模式