关于vue-virtual-scroller虚拟滚动适配问题

• Usage
  • RecycleScroller （适用于确定item的尺寸）
  • DynamicScroller（动态计算item尺寸）
  • DynamicScrollerItem
  • IdState
• 遇到的问题

    1-1使用RecycleScroller时拉伸移动端窗口item不会自适应窗口（解决方案使用DynamicScroller）

  <RecycleScroller
    class="scroller"
    :items="list"
    :item-size="32"
    key-field="id"
    v-slot="{ item }"
  >
    <div class="user">
      {{ item.name }}
    </div>
  </RecycleScroller>

    1-2使用DynamicScroller设置内外边距后 出现元素重叠的情况（解决方案 给DynamicScrollerItem添加class类名 给class设置内边距）

不设置padding的渲染图

设置padding的渲染图