# t-lazy

Lazy 懒加载

t-lazy 组件介绍

懒加载组件，组件不会立即渲染，当设置时间到之后才渲染，用于优化页面性能和提升用户体验。

t-lazy 平台兼容

Harmony	H5	Android	iOS	小程序	UTS
✅	✅	✅	✅	✅	✅

t-lazy 基础用法

<template>
	<view class="p-15">
		<t-card title="Lazy 渲染队列"
				sub-title="升级版懒加载组件，引入渲染队列机制，控制内容帧逐渲染，从而优化性能，防止页面因内容量过大而卡顿。"></t-card>
		<t-card title="亮点"
				class="mb-15"
				sub-title="一边渲染，一边进行页面滚动操作"></t-card>
		<t-lazy v-for="i in 500"
				:key="i">
			<text class="sta-c bg-#fff h-40 mb-15 slh-40 r-10">{{i}}</text>
		</t-lazy>
	</view>
</template>

<script setup>

</script>

t-lazy Props

该组件暂无 Props 属性。

t-lazy Events

该组件暂无 Events 事件。

t-lazy Slots

插槽名	说明
default	内容插槽，用于放置需要延迟加载的内容