@ninggure/lazy-image v1.0.2

示例

import Image from "@ninggure/lazy-image";
function Index(props){
    return <>
        <Image defaultSrc="https://pic4.zhimg.com/v2-ba471b34512b14b710823f898bfdb60f_ipico.jpg" src="https://pic1.zhimg.com/80/v2-641fabfd753a1fa5f4749cc8d72d61b0_720w.jpg" />

        <Image defaultSrc="https://pic4.zhimg.com/v2-ba471b34512b14b710823f898bfdb60f_ipico.jpg" src="https://pic1.zhimg.com/80/v2-641fabfd753a1fa5f4749cc8d72d61b0_720w.jpg" />
    </>;
}

属性

• defaultSrc 默认图片资源，再未加载真实图片时设置的默认图片

• src 真实图片资源，当图片进入可显示区域时会显示

这里图片要设置默认宽高进行占位，放置图片高度为空时，距离顶部位置都为0