小程序加载大图片 使用widthFix时,图片先拉伸然后才显示完全
发布于 5 年前 作者 yanyu 684 次浏览 来自 问答

<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 回复

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

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

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

遇到此问题,记录一下

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

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

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

请问 你这个问题解决了吗

回到顶部