搜索

+

95

-

微信小程序怎么实现图片的懒加载？

javascript html5 小程序

请问微信小程序怎么实现图片的懒加载？

网友回复

+

15

-

wxml

<view class='item-{{index}}' wx:for="{{lazyData}}" wx:key="*this.src">
  <image src='{{item.show? item.src : loadIcon}}' class='{{item.show? "active" : ""}}'></image>
  <view>a-{{index}}</view>
</view>

js

Page({
  data: {
    lazyData: [{
        src: "http://repo.bfw.wiki/bfwrepo/image/5fb34b3c1322f.png?x-oss-process=image/auto-orient,1/resize,m_fill,w_300,h_200,/quality,q_90",
 
      },
      {
        src: "http://repo.bfw.wiki/bfwrepo/image/5e62efa9e6df8.png?x-oss-process=image/auto-orient,1/resize,m_fill,w_300,h_200,/quality,q_90",
 
      },
   ...

点击查看剩余70%

+

15

-

<image src="{{item.img}}" la...

点击查看剩余70%

我知道答案，我要回答

我有问题

最新提问