拖拽式小程序系统源码 第1篇
我起名为drag，你们可以自己选择起名
（1）使用了wxs定义了parseInt函数 （因为在模板中不能直接使用parseInt()，需要借助wxs）
（2）movable-view中，除了class为showLine的元素不要动，其它的比如icon和name可以自定义样式删除或修改 （showLine是用于元素拖拽时的位置提示）
（3）movable-view标签的 style 里，有个background-color，你们可以自己选择颜色，用于“被拖拽的元素”的背景颜色
我是使用less写的样式文件，所以这里会放less 的源代码，不会使用less 的请看 （2）
movable-view自动具有绝对定位属性，只能通过标签里的x和y来定位，无法使用flex布局
在data里的drag对象中，可以自定义 盒子的高度、每一行展示的个数、可移动区域的宽度
想拖拽排序的数据放在 list 里面，注意需要有id，用于wx:for的key值
注：movable-view 的拖拽事件 bindchange 的中的数据，单位是px，需要转为rpx才能和我们写的单位匹配
无需改动，是默认的即可
拖拽式小程序系统源码 第2篇
最近在做一个账本，里面有个功能需要“拖拽排序”，网上的代码我也看不太懂，打算自己写一个。微信小程序官方给了一个可移动的盒子 movable-view ，基于这个我们来实现一个简单的拖拽排序功能
效果： 可以自定义一行展示多少个图标，下面演示一行五个的情况
拖拽式小程序系统源码 第3篇
本次源码分享到这里结束，由于这是我花三个小时写出来的，肯定存在很多不足，比如在拖拽函数中，判断元素应该被挪动到的位置，我用了for循环来一个个判断，这必定会影响到性能 （因为微信提供的这个拖拽函数，只要盒子稍微移动一点点，都会触发很多次，再加上里面还有for循环，会造成短时间内有多个for循环在运行） 所以建议在数据量不大的时候可以使用这个源码，数据量很大的时候会卡顿。
除此之外，微信小程序这个组件有个自带的bug，当拖拽到边缘时，想动态设置x和y值，此时x可以被正常设置，但是y值不可以。就会出现：本来拖拽到无效区域，应该跑回原本的位置的，但是x值回去了，y值没回去，导致这样。这是页面显示效果的问题，不影响排序功能。
如果你有更好的解决方式，欢迎在评论区里不吝赐教！