收藏
回答

image 组件 懒加载正确使用方式是?

问题模块
API和组件



没有任何效果,

我知道一定是我使用的姿势不正确,求正确姿势。。。。

最后一次编辑于  2017-09-16  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

16 个回答

  • 雷鸣_zhang
    雷鸣_zhang
    2017-09-18

    lazy-load的值是Boolean类型的  你仔细看文档额。  虽然按照文档写这个懒加载也是没效果...  

    2017-09-18
    赞同
    回复
  • stephen
    stephen
    2017-09-19

    人家这么写也没错啊,js 对 {{lazy}} 进行赋值 true 或者 false

    你的最后一句是重点,按文档写也没效果,官方一直都不给一个解释

    2017-09-19
    赞同
    回复
  • 雷鸣_zhang
    雷鸣_zhang
    2017-09-19

    我昨天研究了一下发现:

    1. 加上lazy-load 可视区域内的图片会全部加载。

    2. 可视区域外面的图片还是有懒加载的, 具体可以绑定bindload事件确认。小程序不是页面拉到底端才开始加载,让我们错觉是全部加载了。除非bindload事件也是有问题,可以看下图片请求或者抓包确认。

    2017-09-19
    赞同
    回复
  • stephen
    stephen
    2017-09-19

    @雷鸣_zhang


    谢谢回复,我再试试,另外您的 scroll-view设定高度了么,是设了一个100%还是一个固定高度。反正我前一段怎么试都没戏。                                 



    2017-09-19
    赞同
    回复
  • 雷鸣_zhang
    雷鸣_zhang
    2017-09-19


    不客气,大家相互讨论而已。

    这是文档里提供的获取高度的方法,scroll-view需要设置具体的高度值。scroll-view设置100%高度是不行的,否则很多方法会无效

    2017-09-19
    赞同
    回复
  • stephen
    stephen
    2017-09-19

    谢,我试试!

    2017-09-19
    赞同
    回复
  • stephen
    stephen
    2017-09-19

    也不行,不知什么原因


       app.getSystemInfo(function (res) {

          that.setData({

            systemInfo: res

          })

        })


    <page>

        <scroll-view scroll-y style="height:{{systemInfo.windowHeight}}px">

            <image lazy-load src="XXX" mode="aspectFill" />

        </scroll-view>

    </page>

    2017-09-19
    赞同
    回复
  • 雷鸣_zhang
    雷鸣_zhang
    2017-09-19

    {{systemInfo.windowHeight}} 这个值打印在页面上看看吧   或者看下js有没有执行

    2017-09-19
    赞同
    回复
  • stephen
    stephen
    2017-09-19

    都有值,能打印出672

    2017-09-19
    赞同
    回复
  • stephen
    stephen
    2017-09-19

    另外开发工具和iphone上均无效果,android上没有试

    2017-09-19
    赞同
    回复