在微信小程序中实现拖拽功能，可以通过以下几种方法：
方法一：使用微信小程序原生方法
微信小程序提供了原生的`drag`事件来实现页面元素的拖拽功能。以下是一个简单的示例：
1. 在`wxml`文件中定义悬浮图标元素，并添加`draggable="true"`属性：
```html
```
2. 在`js`文件中监听`drag`事件，包括`dragstart`、`dragover`和`dragend`事件：
```javascript
Page（{
data: {
icon: null
},
onLoad: function （） {
const icon = this.selectComponent（'.icon'）；
icon.addEventListener（'dragstart', this.handleDragStart）；
icon.addEventListener（'dragover', this.handleDragOver）；
icon.addEventListener（'dragend', this.handleDragEnd）；
},
handleDragStart: function （e） {
// 拖动开始时的逻辑
},
handleDragOver: function （e） {
// 元素在目标区域上移动时的逻辑
},
handleDragEnd: function （e） {
// 拖动结束时的逻辑
}
}）；
```
方法二：使用第三方拖拽库
有许多第三方库可以帮助你更容易地实现拖拽功能。例如，`vuedraggable`是一个基于Vue.js的拖拽库，可以用于小程序中：
1. 安装`vuedraggable`：
```bash
npm install vuedraggable
```
2. 在你的小程序项目中引入并使用`vuedraggable`：
```html
{{ item }}
```
方法三：使用可视化拖拽编辑器
还有一些可视化拖拽编辑器可以帮助你快速生成小程序代码，例如`AS-Editor`和`vue2diy`。这些工具通常提供拖拽式界面，让你可以直接在编辑器中设计小程序页面，并生成相应的代码。
1. 使用`AS-Editor`：
访问[AS-Editor官网](https://www.as-editor.com/)。
通过定义JSON直接生成UI界面，并一键收藏和评论。
2. 使用`vue2diy`：
访问[vue2diy小程序](https://github.com/yangxikun/vue2diy)。
这是一个基于Vue.js和Ant Design的可视化页面装修工具，支持拖拽式小程序开发。
总结
原生方法：适用于简单的拖拽需求，需要编写一些事件处理逻辑。
第三方库：如`vuedraggable`，可以快速实现拖拽功能，减少开发时间。
可视化编辑器：如`AS-Editor`和`vue2diy`，适合快速设计和生成小程序代码。
根据你的具体需求和开发经验，选择最适合你的方法来实现小程序的拖拽功能。