更新记录

1.1（2022-05-11） 下载此版本

1.1

平台兼容性

uni-app

其他

瀑布流组件

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

兼容平台

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

使用方法

pages.json加入

"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>