vue-virtual-waterfall-simon v0.0.5

vue-virtual-waterfall-simon

vue3 版本的个人的虚拟瀑布流组件,解决了路由切换滚动条复位的问题

安装

npm install vue-virtual-waterfall-simon

import VirtualWaterfall from 'vue-virtual-waterfall-simon-he'

const app = createApp(App)
app.component('VirtualWaterfall', VirtualWaterfall)

示例

vue3 demo

参数

{
  gap: 15,
  maxColumnCount: undefined, // undefined 自适应
  minColumnCount: 2,
  itemMinWidth: 250, // 图片宽度
  itemHeight: '自动',
  showText: true
}

References

• vue-virtual-waterfall
• vue-waterfall-easy
• lite-virtual-list
• vue3-waterfall-plugin
• vue-waterfall
• vue-masonry-css
• Optimization of Waterfall Virtual List
• PixivCollection

License

MIT License © 2022 Simon He