H5，小程序中实现小红书式排序 瀑布流(横向排序) macy插件实际使用

需求：

瀑布流排序非等长的块级
一排两个样式图如下：

（先直接讲解决方案，后续放原生3种方式的缺点，有兴趣往后看）

解决方案：

使用 Macy.js 插件

官网：http://macyjs.com/

优点：

1. 体积小，仅4KB
2. 无需依赖jQuery
3. 可配置化强，一句话可解决瀑布流显示

Code：

JS使用

// react Hook中的使用

 useEffect(() => {
   
    //   瀑布流设置
    var masonry = new Macy({
   
      container: '#mainList'</