How to use lazy loading attribute in Uniapp images?

In uniapp, the lazy-loading property for images can be achieved by setting the lazy-load attribute on the tag. When the lazy-load attribute is set to true, the image will only load when it enters the visible area on the page, reducing load times and improving user experience.

The example code is as follows:

<template>
  <view>
    <img src="图片地址" lazy-load="true" />
  </view>
</template>

In the above example, the image will be loaded and displayed when the page scrolls to the area where it is located. This helps to save bandwidth and speed up page loading.