收藏
回答

小程序加载大图片 使用widthFix时,图片先拉伸然后才显示完全

<swiper style='height:680rpx;' indicator-dots="false" autoplay="false" interval="5000" duration="1000">

   <swiper-item  wx:for="{{swiper}}">

       <image src="item.url" class="slide-image" mode='widthFix' style='width:100%'/>

   </swiper-item>

</swiper>

图片有点大,会现在控件的顶部拉伸显示,然后再显示成正常的比例,我看别的小程序好像都没有这个问题,应该怎么处理成让图片不要现有拉伸,直接显示正常比例。

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

8 个回答

  • butnoif
    butnoif
    2018-05-03

    每个图片的 height:auto 你可以试一下 会有点改善

    2018-05-03
    有用 1
    回复 1
    • 光与风的颂
      光与风的颂
      2018-06-12

      试了一下,确实好多了,不过感觉为啥mode="widthFix"没实现这个效果呢

      2018-06-12
      回复
  • Johnplue日头花🌻
    Johnplue日头花🌻
    2018-06-12

    在class样式里将height改成0;试试

    2018-06-12
    有用
    回复
  • 光与风的颂
    光与风的颂
    2018-06-12

    我也遇到这个问题了,楼主怎么解决的呢?

    2018-06-12
    有用
    回复
  • Richard
    Richard
    2018-05-14

    同问

    2018-05-14
    有用
    回复
  • Christal Fuller
    Christal Fuller
    2018-05-03

    好嘞,可以试一下,还看到了,我都试试

    先把图片隐藏了 然后 bindload 用animate再fadeIn显示  效果很好

    2018-05-03
    有用
    回复
  • Christal Fuller
    Christal Fuller
    2018-05-03

    问题解决了楼主撒,咋解决的呢

    2018-05-03
    有用
    回复
  • A 果鲜蜂👉小程序接单中
    A 果鲜蜂👉小程序接单中
    2018-04-27

    遇到此问题,记录一下

    2018-04-27
    有用
    回复
  • butnoif
    butnoif
    2018-04-20

    请问 你这个问题解决了吗

    2018-04-20
    有用
    回复
登录 后发表内容