一个Vue.js 2+组件，用于在Web应用程序中呈现响应式，跨平台，类似Pinterest的布局。

安装和下载：

npm install --save v-waterfall

使用：

<template>
    <div>
        /*core code*/
        <Waterfall v-for="(item,index) in items"
                   :maxWidth='240'
                   :gapWidth='20'
                   :gapHeight='20'
                   :resize="true"
                   :height='Math.random() * 200 + 200'
                   :item="item"
                   :index="index"
                   :moduleStyle="$style"
                   uniqueId="xyx"
                   inline-template>
            <div :class="moduleStyle.item" :style="style">
                {{index}}
            </div>
        </Waterfall>
        </*core code*/>
    </div>
</template>
<script>
import Waterfall from 'v-waterfall'

export default {
  ...
  components: {
    Waterfall,
  }
  ...
}
</script>

---

官网：https://github.com/yinshuxun/v-waterfall

演示：https://www.vue365.cn/code_demo.php?id=3976

GitHub下载：https://github.com/yinshuxun/v-waterfall/archive/master.zip