fancy_virtual_list

使用方式

1. 注册

   2. 1. 方式一

         1. <script setup lang="ts">
            import VirtualList from './components';
            </script>
            
            <template>
              <div>
                <VirtualList  :data="data" />
              </div>
            </template>

      2. 方式二

         1. //全局注册
            import fvl from 'fancy_virtual_list'
            app.use(fvl.VirtualList)

2. 使用方式

   1. <VirtualList :data="data" />

   2. interface IVirtualListPropsStyle {最外层容器的基本样式
          width: string   
          height: string
          background: string
      }
      
      interface IVirtualListProps {
        style?: IVirtualListPropsStyle  
        data: any[], 
        item_height?: number, -》内容高度-》决定视口显示几个item 默认40
        item_style?: Record<string, any>  -》每个列表内容的样式
        container_style?:Record<string, any> -》外层容器的自定义样式
      }