更新记录

1.0.1（2024-07-03） 下载此版本

[1.0.1] 更新readme.md

1.0.0（2024-07-03） 下载此版本

[1.0.0] 首次发布

平台兼容性

lx-lazy

处理长页面首次一次性全部渲染时卡顿问题，通过页面滚动懒加载的方式，当组件进入屏幕区域时在进行渲染，可以减少一次性渲染时的压力。

lx-lazy

插槽slot:

简单示例:

<template>
    <view class="content">
        <lx-lazy v-for="(item,index) in 60" :index="index">
            <view class="placeholder" slot="placeholder">占位组件</view>
            <template v-slot:main="{ isLoaded }">
                <Load v-if="isLoaded" :title="index"></Load>
            </template>
        </lx-lazy>
    </view>
</template>

<script>
    export default {
        data() {
            return {

            }
        }
    }
</script>

<style lang="scss" scoped>
    .content {
        display: flex;
        flex-direction: column;
        gap: 50rpx;
    }

    .placeholder {
        height: 150px;
        background-color: #ccc;
    }
</style>

最后：

如使用过程中有任何问题，或者有一些好的建议，可评论区讨论