微信小程序 - 详细实现悬浮可拖动且靠近屏幕边缘自动吸附悬挂图标组件，小程序可拖曳的悬浮球，支持手指按住拖拽到页面任意位置，当靠近屏幕边缘时会磁吸靠近，用于页面悬挂图片图像或按钮、图标在线客服、帮助等

效果图

在微信小程序开发中，详细实现可以拖着走的悬浮图片图标(悬浮球)效果，小程序可拖动悬浮球按钮，用户手指按住可拖曳到任意页面位置的悬浮图标功能，如果拖拽到靠近页面边缘会自动吸附侧边效果，自定义悬浮内容是图片还是按钮或其他HTML元素，自由拖动适用场景很多（例如悬浮客服、帮助中心、在线反馈、评价等场景），可做成全局或局部(某个页面)，详细示例源码。

微信小程序vue2和vue3版本都可以用，新手小白直接复制改下就能用了。

完整代码

全部效果图代码如下，直接复制运行。