超级会员免费看
本文介绍了微信小程序组件库yunUI中的yImgPro组件，用于实现图片上传后的拖动排序功能。文章详细讲解了组件的工作原理，包括使用定位实现拖动排序，动态获取元素尺寸，以及处理滚动偏差等关键点。此外，还讨论了长按事件、删除功能的两种实现方式，并分享了代码实现细节。
yunUI是笔者开源的微信小程序功能库。目前其中包含了一些复杂的功能组件。方便使用。未来它将分为组件、样式、js三者合为一体，但分别提供。
本文所用代码皆来源于组件库中的yImgPro组件。详细代码可至github查看。地址： yunUI 。
组件库已经发到npm上了！地址：yun-ui-micro
欢迎大家点 star ！
最近有想法对组件库按照新思路进行重构，各位有什么急切需要或常见使用的组件也欢迎提出！一起共建！
场景如下：
首先分析此需求。有两点：
- 拖动时排序
- 拖动后排序
单从性能上看，第二个是有优势的。但是从用户体验上看，无疑要选择第一种方案。
除非你的需求是“不能拖动排序”。你可以放心的选择第二种方案。第二种方案在笔者的功能库中也有组件：yImg。本文思
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
