插件名称 | 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>