tarojs-waterfall
v1.0.6
Published
show cards in order when data is loaded
Downloads
3
Readme
taro 瀑布流组件
采用 react 编写,依赖 taro-ui 组件
参数
type Image = { id: string | number; image: string; position?: 'ahead'; [x: string]: any; }
- dis = 4 // 每列距离
- images = [] as Image[] // 列数据
- card = (data: Image) => {data.image} // 卡片
- onScrollToLower = () => {} // 加载更多事件
- loading = false // 是否正在加载
- header = // 放在头部的组件
- emptyComponent = 无 // 没有数据时展示的组件
使用方式
import Waterfall from "tarojs-waterfall";
<Waterfall
images={images}
loading={loading}
onScrollToLower={loadMore}
card={waterfallCard}
/>;