小程序
小游戏
企业微信
微信支付
扫描小程序码分享
您好!
我这边做小程序开发,image组件的mode都用的是widthFix。。但是页面加载过程中,明显能看到图片自上而下的加载过程,就像是闪了一下。。用户体验不是很好,网上也搜过,没发现类似的问题。
知道是什么原因吗?求解答,多谢!
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
设置图片 height: auto; 即可
——致后来者
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
这个问题的确有点蛋疼,一进页面就会闪(拉伸)一下。不想用hack的方式去解决
<view style="margin: 30px;text-align: center;">欢迎使用代码片段,可在控制台查看代码片段的说明和文档</view>
<view style="background:#412553;padding-bottom:6px;">
<!-- banner图 -->
<view class="o1">
<image src="http://wx.go189.cn/tysh/pages/wxMiniProImages/images0507/banner.jpg" mode="widthFix" style="width:100%"></image>
</view>
<!-- 资费说明 -->
<view style="margin:3% 3% 3%;">
<image src="http://wx.go189.cn/tysh/pages/wxMiniProImages/images0507/zifei.png" style="width:100%" mode="widthFix"></image>
你们放到你们的编辑工具下扫码测试下呢,我这边所有机型、6.6.6版本都存在。。加载的时候从下往上闪了一下才加载出来
用widthFix时动态计算图片高度,这个过程在图片加载的时候会让用户看到,刚开始是图片的原始高度,大概1秒后变成计算后的高度
有没有好的办法来 fix ?
我最后还是用了aspectFit, 图片外面加了层view ,这个view和图片的宽高比例是一样的,容器宽高自适应,图片宽高都设置成100%
你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
设置图片 height: auto; 即可
——致后来者
这个问题的确有点蛋疼,一进页面就会闪(拉伸)一下。不想用hack的方式去解决
<view style="margin: 30px;text-align: center;">欢迎使用代码片段,可在控制台查看代码片段的说明和文档</view>
<view style="background:#412553;padding-bottom:6px;">
<!-- banner图 -->
<view class="o1">
<image src="http://wx.go189.cn/tysh/pages/wxMiniProImages/images0507/banner.jpg" mode="widthFix" style="width:100%"></image>
</view>
<!-- 资费说明 -->
<view style="margin:3% 3% 3%;">
<image src="http://wx.go189.cn/tysh/pages/wxMiniProImages/images0507/zifei.png" style="width:100%" mode="widthFix"></image>
</view>
</view>
你们放到你们的编辑工具下扫码测试下呢,我这边所有机型、6.6.6版本都存在。。加载的时候从下往上闪了一下才加载出来
用widthFix时动态计算图片高度,这个过程在图片加载的时候会让用户看到,刚开始是图片的原始高度,大概1秒后变成计算后的高度
有没有好的办法来 fix ?
我最后还是用了aspectFit, 图片外面加了层view ,这个view和图片的宽高比例是一样的,容器宽高自适应,图片宽高都设置成100%
你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。