feat: add Virtual List demo

This commit is contained in:
xiaoxian521
2022-05-19 01:16:08 +08:00
parent 6ea020c8d2
commit 348916e567
11 changed files with 434 additions and 2 deletions

View File

@@ -0,0 +1,26 @@
<script setup lang="ts">
import verticalList from "./vertical.vue";
import horizontalList from "./horizontal.vue";
</script>
<template>
<el-card>
<template #header>
<div class="font-medium">
虚拟列表组件
<el-link
href="https://github.com/Akryum/vue-virtual-scroller/tree/next/packages/vue-virtual-scroller"
target="_blank"
style="font-size: 16px; margin: 0 5px 4px 0"
>
github地址
</el-link>
</div>
</template>
<div class="w-full flex justify-around flex-wrap">
<vertical-list class="h-500px w-500px" />
<horizontal-list class="h-500px w-500px" />
</div>
</el-card>
</template>