收藏
回答

多张图片的界面渲染很慢

问题模块
API和组件

我的数据是通过请求服务器获取的json,再解析出来的,其中包含图片http路径,因此获取json数据时间很短,但是图片scr="{{path}}"加载渲染过程却极慢。

<image style="width: 220rpx; height: 220rpx" src=" {{image.path}}" bindtap="previewCurrentImage" />

这就很尴尬了,我没法知道大量的图片什么时候加载完毕,所以“加载中..”的提示早就结束了,界面还在渲染。请问有什么好的解决思路吗?谢谢

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

5 个回答

  • 影楼云选片 2019跨平台在线选片
    影楼云选片 2019跨平台在线选片
    2017-07-24

    用图片预加载组件,github里搜一下。

    2017-07-24
    赞同
    回复
  • void
    void
    2017-07-24

    只渲染可视区域的图片

    2017-07-24
    赞同
    回复
  • 迁客
    迁客
    2017-07-24

    预加载组件需要制作缩略图的吧,这样有点不方便。

    2017-07-24
    赞同
    回复
  • 迁客
    迁客
    2017-07-24

    嗯,只渲染可视区域的图片。有什么办法判断当前组件是否在可视区域内呢?

    2017-07-24
    赞同
    回复
  • void
    void
    2017-07-24

    参考这个项目

    微信小程序-图片懒加载

    2017-07-24
    赞同
    回复