可调整大小的聊天框组件

一个功能完善的在线客服聊天组件,支持自由调整大小、最大化、最小化和拖拽功能

自由调整大小

通过右下角的调整手柄,您可以自由拖动改变聊天框的大小,满足不同场景需求

最大化/最小化

一键切换聊天框的全屏模式,最大化时提供沉浸式聊天体验

拖拽定位

通过标题栏可以自由拖拽聊天框到屏幕的任何位置

响应式设计

完美适配各种屏幕尺寸,在手机和平板上都有出色的表现

使用指南

1 打开/关闭聊天

点击右下角的聊天按钮可以打开或关闭聊天窗口。打开后您可以开始与客服交流。

2 调整窗口大小

使用右下角的调整手柄自由改变聊天框的尺寸,窗口左上角位置保持不变。

3 最大化与最小化

使用右上角的按钮切换聊天框的全屏模式,最大化时可获得更好的聊天体验。

4 拖拽窗口位置

通过标题栏可以自由拖拽聊天窗口到屏幕的任何位置,方便多任务操作。

Drag and drop to move position
Online Service