列表拖拽排序组件 - 自定义排序轮子

介绍
在微信小程序中，拖拽排序是一种常见的交互方式，可以让用户自由调整列表中项目的顺序。本文将演示如何创建一个自定义排序轮子，允许用户在微信小程序中拖拽列表项来重新排序。

实现思路
为了实现列表拖拽排序功能，我们需要完成以下几个步骤：

1. 显示可拖拽的列表项：首先，我们需要在页面上显示一个可拖拽的列表，其中每个列表项都有一个独特的标识符。我们可以使用小程序的原生组件 movable-view 来实现可拖拽的效果。

2. 监听触摸事件：我们需要监听触摸事件，以便在用户拖动列表项时获取相应的信息。通过监听 touchstart、touchmove 和 touchend 等事件，我们可以获取触摸位置、列表项的初始位置等。

3. 计算排序位置：当用户拖动列表项时，我们需要计算其当前位置，并决定它在列表中的新位置。这可以通过比较列表项的位置和其他列表项的位置来实现。

4. 更新列表顺序：一旦确定了列表项的新位置，我们需要更新列表数据，并将新的顺序渲染到页面上。

源代码实现
下面是一个简单的示例代码，演示了如何创建一个自定义排序轮子：

wxml 文件：

<view