react-lazyload使用

<div className="relative">

        <a className="btn-rule abso" onClick={() => setVisibleMask(true)}></a>

        <LazyLoad once offset={100} height={200} scrollContainer=".baoliao" scroll={true}>

          <img

            src={require('../../Static/Img/activityBaoliao/index/1.jpg')}

            className="baoliao_img"

          />

        </LazyLoad>

      </div>

      <div className="relative">

        <i className="abso img-hand img-hand1">

          <img src={require('../../Static/Img/activityBaoliao/indexhand.png')} />

        </i>

        <i className="abso img-hand img-hand2">

          <img src={require('../../Static/Img/activityBaoliao/indexhand.png')} />

        </i>

        <a className="abso link-day"></a>

        <a className="abso link-week"></a>

        <LazyLoad once offset={100} height={200} scrollContainer=".baoliao" scroll={true}>

          <img

            src={require('../../Static/Img/activityBaoliao/index/2.jpg')}

            className="baoliao_img"

          />

        </LazyLoad>

      </div>

      <div className="relative">

        <a className="btn-prize abso"></a>

        <LazyLoad once offset={100} height={200} scrollContainer=".baoliao" scroll={true}>

          <img

            src={require('../../Static/Img/activityBaoliao/index/3.jpg')}

            className="baoliao_img"

          />

        </LazyLoad>

      </div>