微信小程序组件库解析：图片上传与排序组件yImgPro
Posted 恪愚
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了微信小程序组件库解析：图片上传与排序组件yImgPro相关的知识，希望对你有一定的参考价值。
yunUI是笔者开源的微信小程序功能库。目前其中包含了一些复杂的功能组件。方便使用。未来它将分为组件、样式、js三者合为一体，但分别提供。
本文所用代码皆来源于组件库中的yImgPro组件。详细代码可至github查看。地址： yunUI 。
组件库已经发到npm上了！地址：yun-ui-micro
欢迎大家点 star ！
最近有想法对组件库按照新思路进行重构，各位有什么急切需要或常见使用的组件也欢迎提出！一起共建！
场景如下：
首先分析此需求。有两点：
- 拖动时排序
- 拖动后排序
单从性能上看，第二个是有优势的。但是从用户体验上看，无疑要选择第一种方案。
除非你的需求是“不能拖动排序”。你可以放心的选择第二种方案。第二种方案在笔者的功能库中也有组件：yImg。本文思路是第一种。
区别于之前写的第二种思路的文章，第一种思路对布局和样式影响很重的点在于：拖动。
拖动时排序意味着这个元素被拖动时不能在原来位置上有“保留”。这很关键，因为我们可以利用“保留”点对第二种方案进行改造使之像第一种效果看齐，但体验上仍有差距。
所以，笔者选择了“定位”position</
以上是关于微信小程序组件库解析：图片上传与排序组件yImgPro的主要内容，如果未能解决你的问题，请参考以下文章