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

发布于 6 年前作者 yanyu927 次浏览最后编辑 6 年前来自 ask

<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 回复
zhengyan
zhengyan1 楼6 年前

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

min60
min602 楼6 年前

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

guiying89
guiying893 楼6 年前

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

fang82
fang824 楼6 年前

遇到此问题,记录一下

jiehe
jiehe5 楼6 年前

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

molei
molei6 楼6 年前

同问

xcui
xcui7 楼6 年前

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

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

jinglei
jinglei8 楼4 年前

请问 你这个问题解决了吗