收藏
回答

多张图片的界面渲染很慢

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

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

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

回答关注问题邀请回答
收藏

5 个回答

  • 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
    有用
    回复
  • 云选片~影楼在线选片小程序
    云选片~影楼在线选片小程序
    2017-07-24

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

    2017-07-24
    有用
    回复
登录 后发表内容