m_react_waterfall

1.0.4 • Public • Published

###说明 react多列瀑布流布局组件。 ###安装

npm install --save m_react_waterfall

###使用方式

import Waterfall from './waterfall'
 <Waterfall data={list} col={4} gap={5} temp={(item)=>{
        return (
            <div className={'item'}>
               <div className={'tit'}>{item.name}</div>
                <div className={'con'}>{item.con}</div>
            </div>
        )
      }}>
      </Waterfall>

###属性说明

  1. data 传入的列表数据格式为json数据
  2. 传入的列数,number类型
  3. gap列数之间的间隔宽度,number类型
  4. temp传入的自定义模板数据,接受单个的数据进行渲染。

Readme

Keywords

Package Sidebar

Install

npm i m_react_waterfall

Weekly Downloads

1

Version

1.0.4

License

ISC

Unpacked Size

7.14 kB

Total Files

6

Last publish

Collaborators

  • leemingy