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

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

 <image src="http://www.ll.com/sss.jpg" mode="widthFix" style="width:180rpx"/>


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

5 回复
jjiang
jjiang1 楼6 年前

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

hanjie
hanjie2 楼6 年前

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

pingliao
pingliao3 楼6 年前

你可以试下把图片的高度设置成auto

bpan
bpan4 楼6 年前

@2

“先把图片隐藏了 然后 bindload 用animate再fadeIn显示  效果很好” 请问有没有代码参考一下

wzou
wzou5 楼6 年前

这个我测试过只要在wxml文件同时设置图片的width/height就不会有这个问题,但如果width/height是在wxss里设置也一样会有这样,我想是不是因为wxss文件还没加载完的原因,那有什么好的解决方法?