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传入的自定义模板数据,接受单个的数据进行渲染。

Dependencies (0)

    Dev Dependencies (0)

      Package Sidebar

      Install

      npm i m_react_waterfall

      Weekly Downloads

      0

      Version

      1.0.4

      License

      ISC

      Unpacked Size

      7.14 kB

      Total Files

      6

      Last publish

      Collaborators

      • leemingy