小程序载入一个网络图片列表的时候,图片会先变大然后再变成设置的尺寸,给人感觉图片是跳出来的的。

image图片的mode设置的是widthFix,宽度是320rpx,高度没有设置。

是在做一个瀑布流展示图片列表的时候,发现的问题。

我知道小程序会给image默认设置宽高,但是这样的话载入的时候会先显示默认的宽高,然后再变成自定义的宽高,这样的话图片的拉伸变换过程会呈现给使用者,体验很不好。

不知道有什么方法能够避免这样的问题?

展开全部
收起
2回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • Lincoln

    11人对此回答表示赞同

    想知道你的瀑布流是用css3实现的还是用其他方法?

    展开
    11
    5回复
    发布于 5年前

    评论(5)

    收起评论

    • 丛林人 2019-02-20 14:58

      对的。

      回复
    • Janaya 2019-02-23 00:26

      就是要插入图片的时候先判断左右两栏的高度,然后再决定把图片塞哪边呀!明白了,谢谢哈

      回复
    • Nicholas 2019-02-24 22:11

      CSS3实现的话,是先计算整体高度,然后竖向排列,这样的话跟后台设置的顺序不符。一般是设置左右两栏和一个总栏,在隐藏的总栏里载入图片,然后图片的载入事件中判断左右两栏的高度,把新载入的图片push入短的那一栏。这样的话能够实现左右两栏横向排列。

      回复
    • Leonardo 2019-02-26 17:01

      可以麻烦你大概跟我讲解一下原理吗?我也是用的css3之后排序是纵向的。o(╥﹏╥)o

      回复
    • Lola 2019-02-28 10:01

      用js实现的,因为要按照后台给定的顺序横向排列,所以不能用CSS3实现。

      回复
  • 吴震

    5人对此回答表示赞同

    先把图片高度定为0

    展开
    5
    0回复
    发布于 5年前

    评论(0)

    收起评论

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部