ctrl.waterfall

#ctrl.waterfall

最新版本

1.2.1

依赖库

无

完整引用举例：

<link href="http://g.tbcdn.cn/mtb/ctrl-waterfall/{{version}}/waterfall.css" rel="stylesheet" type="text/css" />
<script type="http://g.tbcdn.cn/mtb/ctrl-waterfall/{{version}}/??waterfall.js"></script>

用Grunt打包

运行 npm install，来安装所需的依赖模块。关于NPM的知识，请参见nodejs;

运行 grunt，来对项目进行打包。关于Grunt的知识，请参见gruntjs;

如何使用

初始化

var Waterfall = lib.waterfall;
var wf = new Waterfall({
    mode: 'column',
    columnAmount: 2,
    columnPadding: 20,
    linePadding: 10
});
document.body.appendChild(wf.root);

参数

mode

列模式，参考值如下

• column - 固定列数，每列宽度自适应
• adaptive - 固定列宽，列数自适应
• fix - 固定列宽和列数

columnAmout

列数，在column和fix模式下有效

columnWidth

列宽，在adaptive和fix模式下有效

columnPadding

列间距

linePadding

行间距

属性

mode

可读写，同初始化参数

columnAmout

可读写，同初始化参数

columnWidth

可读写，同初始化参数

columnPadding

可读写，同初始化参数

linePadding

可读写，同初始化参数