|
|
@@ -215,27 +215,23 @@
|
|
|
{{ item.fileName }}
|
|
|
</el-checkbox>
|
|
|
</div> -->
|
|
|
- <DynamicScroller
|
|
|
- :items="fileDatasList"
|
|
|
- :min-item-size="50"
|
|
|
- key-field="id"
|
|
|
- style="height: 100%;"
|
|
|
- >
|
|
|
- <template #default="{ item, index, active }">
|
|
|
- <DynamicScrollerItem
|
|
|
- :item="item"
|
|
|
- :active="active"
|
|
|
- :size-dependencies="[item.id]"
|
|
|
- :data-index="index"
|
|
|
- >
|
|
|
- <div :key="index" style="padding-top: 20px;">
|
|
|
- <el-checkbox class="size-xl space " :label="item">
|
|
|
- {{ item.fileName }}
|
|
|
- </el-checkbox>
|
|
|
- </div>
|
|
|
- </DynamicScrollerItem>
|
|
|
+ <recycle-scroller
|
|
|
+ class="virtual-list"
|
|
|
+ :buffer="1000"
|
|
|
+ :prerender="200"
|
|
|
+ style="height: 900px"
|
|
|
+ :item-size="80"
|
|
|
+ key-field="id"
|
|
|
+ :items="fileDatasList"
|
|
|
+ >
|
|
|
+ <template #default="{ item, index }">
|
|
|
+ <div :key="index">
|
|
|
+ <el-checkbox class="size-xl space mt-5 " :label="item">
|
|
|
+ {{ item.fileName }}
|
|
|
+ </el-checkbox>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
- </DynamicScroller>
|
|
|
+ </recycle-scroller>
|
|
|
</el-checkbox-group>
|
|
|
</el-scrollbar>
|
|
|
</div>
|
