收藏
回答

瀑布流显示问题?

想问问各位大佬,这种瀑布流显示应该怎么做比较好,我把图片的mode设置为widthFix了,图片设置了最大高度为500,但是这样的话那种很长的图就会被压缩的很厉害,就像图里的一样,但是mode设置成别的效果也不好,要怎么做才比较好?

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

3 个回答

  • 微喵网络
    微喵网络
    2021-05-08

    参考:https://developers.weixin.qq.com/community/develop/article/doc/000a2e9db9ca98a3c379cfa4a5d013

    2021-05-08
    有用 1
    回复 3
    • Cyrus
      Cyrus
      2021-05-10
      你好,因为用bindload来判断是否改变mode,会使图片闪一下,这个要怎么解决比较好
      2021-05-10
      回复
    • Cyrus
      Cyrus
      2021-05-10
      刚刚没看清楚文章,意思是额外弄一个不显示的image来做判断么
      2021-05-10
      回复
    • 微喵网络
      微喵网络
      2021-05-10回复Cyrus
      2021-05-10
      回复
  • 祥
    2021-05-08

    <image class="circle-img" mode="{{section==1?'widthFix':'aspectFill'}}" style="height:{{imgheight}}rpx;" src="{{img}}" data-ht="{{imgheight}}" bindload="imageLoad" lazy-load="{{true}}"  lazy-load-margin="1"></image>

    mode动态设置,可以在image的bindload方法里获取一下图片的宽高,当宽高比例大于一定值的时候mode=aspectFill,并设置图片最大高度;否则设mode=widthFix

    2021-05-08
    有用 1
    回复 2
    • Cyrus
      Cyrus
      2021-05-10
      请问一下,使用这种方法,在检测到高度超出后,改变了mode的话,图片会闪一下,这个有没有好的解决办法
      2021-05-10
      回复
    • 祥
      2021-05-10回复Cyrus
      这个暂时没找到解决办法,只能将就着用
      2021-05-10
      回复
  • 有余
    有余
    2021-05-08

    尽量别用这个widthFix 它会让你的页面闪一下 是因为图片加载后会重新计算一下导致图片高度变化了 建议不用这个widthFix 可以固定宽高 用 aspectFill 这个会好一点

    2021-05-08
    有用
    回复 3
    • Cyrus
      Cyrus
      发表于移动端
      2021-05-08
      啊?写死宽高?我要做瀑布流,就是不能写死宽高的
      2021-05-08
      回复
    • 泡椒
      泡椒
      2023-07-17回复Cyrus
      老哥 解决了吗
      2023-07-17
      回复
    • Cyrus
      Cyrus
      2023-07-17回复泡椒
      最好是在上传图片的地方顺便把图片宽高保存了
      2023-07-17
      回复
登录 后发表内容