Vue.js 2的瀑布布局组件 - v-waterfall

Vue.js 2的瀑布布局组件 - v-waterfall
插件名称 v-waterfall
发布时间 2021年1月22日

一个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>