瀑布流组件

代码通俗易懂，便于二次开发
该组件采用定位排序图片位置，根据图片加载完成有效计算图片位置。

H5 微信小程序（其他端没测试过，理论是可行）

"easycom": {
    "autoscan": true, //是否自动扫描组件
    "custom": {//自定义扫描规则
        "^jf-(.*)": "@/components/jf-waterfall/jf-$1.vue"
    }
},

<template>
	<view class="content">
		<jf-waterfall :imgList="allImg"></jf-waterfall>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				allImg:[
					'/static/1.jpg',
					'/static/2.jpg',
					'/static/2.jpg',
					'/static/3.jpg',
					'/static/1.jpg',
					'/static/2.jpg',
					'/static/2.jpg',
					'/static/3.jpg',
				],
			}
		}
	}
</script>