收藏
回答

图片渲染的时候怎么避免伸缩闪动?

我写了一个类似手机淘宝商品页面的页面,但是界面在初始加载图片时在图片未加载前出来前它是显示图片原始高度,图片出来后再恢复被限制的高度,这样会出现图片伸缩闪动的效果看上去不是很舒服,怎么才能向淘宝一样在图片未加载完成前就已经是限制完高度,加载出来后不会伸缩跳动?不想把图片高度写死。

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

2 个回答

  • H1HAO 🇨🇳
    H1HAO 🇨🇳
    2021-11-04

    你是用widthFix属性是吧,这个是没办法的,他会默认240的高度然后图片加载完成在进行计算高度,只能说给一个全局的属性,透明的0-100给个0.5秒或者1秒(一般都加载完成了),这样用户看起来会好一点

    2021-11-04
    有用
    回复 1
    • Ethan
      Ethan
      发表于移动端
      2021-11-04
      对的就是这个属性,看着有点小难受,看来只能加过渡效果了
      2021-11-04
      回复
  • 微喵网络
    微喵网络
    2021-11-04

    先获取图片的宽高 https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.getImageInfo.html

    2021-11-04
    有用
    回复
登录 后发表内容