小程序拖动排序

做了一个小程序的 movable-area 组件做的一个拖动功能，可能是我比较笨，逻辑我想了一个星期才有点起色，终于是 弄好了，

废话少说，上代码。

<view class="section">
  
  <movable-area class="area" >
    <movable-view class='cent' wx:for="{
  {list}}"  x="{
  {item.x}}" y="{
  {item.y}}"  
    data-index="{
  {index}}" bindtouchstart='start' bindtouchend='end'  bindtouchmove='move' direction="vertical">
    {
  {item.id}}</movable-view>
  </movable-area>

  
</view>

.section{
  width: 100%;
  height: 100vh;
}
.area{
height: 100vh;
width: 100%;
background-color: white;
}
.cent{
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ccc;
  border: solid 1rpx #7c7c7c