<template>
  <div>
    <DynamicScroller :items="items" :min-item-size="40" class="scroller">
      <template v-slot="{ item, index, active }">
        <DynamicScrollerItem :item="item" :active="active" :data-index="index">
          <div class="avatar">
            {{ item }}
          </div>
        </DynamicScrollerItem>
      </template>
    </DynamicScroller>
  </div>
</template>
<script>
export default {
  data() {
    return {
      items: [1, 2, 3, 4, 5, 6, 7, 2, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3],
    }
  },
  mounted() {},
}
</script>
<style lang="scss">
.scroller {
  height: 400px;
}
</style>
