# uni-waterfall（不规则图片瀑布流）

**Repository Path**: jiangfeng-web/uni-waterfall-irregular

## Basic Information

- **Project Name**: uni-waterfall（不规则图片瀑布流）
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-05-11
- **Last Updated**: 2022-05-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 瀑布流组件

```
代码通俗易懂，便于二次开发
该组件采用定位排序图片位置，根据图片加载完成有效计算图片位置。
```
##兼容平台
````
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>
```