空白

<template>
  <div>
    <p>
      在滚动区域的起始和结束位置应用了额外 <strong>内边距</strong> 的示例。
    </p>
    <br>
    <br>

    <h3>Rows</h3>
    <RowVirtualizerPadding :rows="rows" />
    <br>
    <br>
    <h3>Columns</h3>
    <ColumnVirtualizerPadding :columns="columns" />
    <br>
    <br>
    <h3>Grid</h3>
    <GridVirtualizerPadding
      :rows="rows"
      :columns="columns"
    />
  </div>
</template>

<script setup lang="ts">
import RowVirtualizerPadding from './RowVirtualizerPadding.vue'
import ColumnVirtualizerPadding from './ColumnVirtualizerPadding.vue'
import GridVirtualizerPadding from './GridVirtualizerPadding.vue'

const rows = new Array(10000)
  .fill(true)
  .map(() => 25 + Math.round(Math.random() * 100))

const columns = new Array(10000)
  .fill(true)
  .map(() => 75 + Math.round(Math.random() * 100))
</script>