Vue Waterfall Virtual

一个基于 Vue 3 的高性能虚拟滚动瀑布流组件。

特性

• 🚀 虚拟滚动，支持大数据量
• 📱 响应式布局
• 🎯 自动计算项目高度
• 🌈 平滑动画效果
• 💪 TypeScript 支持
• 🔄 支持动态加载更多

安装

npm install vue-waterfall-virtual

快速开始

<template>
  <WaterfallVirtual :items="items">
    <template #item="{ item }">
      <div class="card">
        <img :src="item.image" @load="onImageLoad(item.id)" />
        <div class="content">{{ item.title }}</div>
      </div>
    </template>
  </WaterfallVirtual>
</template>

文档

• 快速开始
• 基础用法
• API 文档
• 示例

License

MIT