微信小程序如何编写拖拽排序功能实现长尾词搜索？

本文共计829个文字，预计阅读时间需要4分钟。

滑动排序列表+思路+界面分为两层：+底层，正常列表展示，滑动时不做处理（大牛直接加了动画，我技术不精，还没实现）+顶层，movable-view组件，不长按不展示，长按后才展开+

拖拽排序列表

思路

界面分为两层：

• 底层，正常列表展示，拖拽的时候不做处理（大牛直接加了动画，原谅我技艺不精，还没实现）
• 顶层，movable-view组件，不长按不展示，之后长按才展示，且没有点击事件。

事件

主要监听：longpress , touchmove , touchend 三个事件

longpress

保障长按才有效，并设定许多其他值。

touchmove

滑动的时候触发

• 判断是否需要滑动页面，因为 movable-area组件 滑动事件被catch掉，无法滑动；
• 记录滑动经过的项，在页面设置经过项为其他样式（算是补足没有滑动动画的缺陷吧，不需要可以删除 lastTarget字段）。