rc-waterfall

rc-waterfall

Install

Development

# install
npm install --save rc-waterfall

# run
npm run dev

# build
npm run build

Example

local: http://localhost:3002/

online: http://mapleliu.com/rc-waterfall/

Usage demo

import Waterfall from 'rc-waterfall';

API

参数	说明	类型	默认值	可选值
source	图片资源列表	array<string>	-	-
columnWidth	单列宽度【单位px】	number	210	-
isOnlyImg	是否只根据图片高度进行排版	boolean	false	true false
renderItem	渲染瀑布流块元素,回调参数ci:列中位置,si:source中位置,url:图片url	function(ci:number,si:number,url:string):ReactNode	(ci,si,url)=><img src={url}/>	-
getTarget	设置需要监听其滚动事件的元素，值为一个返回对应 DOM 元素的函数	function():HTMLElement	()=>window	-