微信小プログラム画像のロードが遅延し、コピーが使用されます.

テキストリンク:https://blog.csdn.net/perfly_z/article/details/86611461
wxml

  
    
      //listIndex  item.index ，    
      
    
  

wxss

page {
 background: #fff;
}
.pic-list {
 width: 100vw;
 background: #efeff4;
 margin: 3vw 0;
}
.pic {
 width: 100%;
 display: block;
 opacity: 0;
 transition: opacity 0.3s linear 0.3s;
}
.Action {
 opacity: 1;
}

wxjs

 onShow: function () {
    //      
    const screenWidth = wx.getSystemInfoSync().windowWidth
    const screenHeight = wx.getSystemInfoSync().windowHeight
    this.setData({
      //            ，0.63         (63vw)，    0.63          
      listIndex: screenHeight / (screenWidth * 0.63),
      screenWidth: screenWidth,
      screenHeight: screenHeight
    })
  },
  //      
  onPageScroll(e) { 
    //    +      vw  
    let listIndex = (e.scrollTop + this.data.screenHeight) / (this.data.screenWidth * 0.63)
    this.setData({
      listIndex: listIndex
    })
  }

この文章は転載して、原作者のブログ:https://blog.csdn.net/perfly_z/article/details/86611461