小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 在imageLoad里面拿到图片宽度和高度,以及手机屏幕宽度,动态的给swiper高度,某些机型会出现图片一直闪一直闪 ,感觉一致在重新计算图片的宽度,之前一直没有出现过这个问题,IOS12.1.4没有出现,IOS12.4出现,然后某些安卓机型也会出现
- 不会一直闪,会直接加载出来
- imageLoad里面动态给swiper高度
- 提供一个最简复现 Demo
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
建议在swiper外就将图片预加载且计算好长高
而且获取系统信息获取一次即可 不要放在imageloadL里
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
imageLoad: function (e) {
var _this = this;
var imgWidth = (1-0.06)*wx.getSystemInfoSync().windowWidth;
var originWidth = e.detail.width;
var originHeight = e.detail.height;
var imgHeight = imgWidth * originHeight / originWidth;
_this.setData({
height: parseInt(imgHeight)
})
},
<swiper style="height: {{ height }}px;" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{ circular }}" bindchange="swiperchange">
<block>
<block wx:for="{{ banner }}" wx:key="*this">
<swiper-item>
<view class="swiper-item">
<image bindload='imageLoad' src="{{ item.image }}" mode="widthFix" style="width: 100%;" ></image>
</view>
</swiper-item>
</block>
</swiper>
iphone xr 版本12.2
代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)提供下这个格式的
https://developers.weixin.qq.com/s/g53P5fm5739K
我还想再问一下那个,微信小程序能不能拿到当前运行的环境是开发还是体验还是线上呢
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
建议在swiper外就将图片预加载且计算好长高
而且获取系统信息获取一次即可 不要放在imageloadL里
麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
imageLoad: function (e) {
var _this = this;
var imgWidth = (1-0.06)*wx.getSystemInfoSync().windowWidth;
var originWidth = e.detail.width;
var originHeight = e.detail.height;
var imgHeight = imgWidth * originHeight / originWidth;
_this.setData({
height: parseInt(imgHeight)
})
},
<swiper style="height: {{ height }}px;" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{ circular }}" bindchange="swiperchange">
<block>
<block wx:for="{{ banner }}" wx:key="*this">
<swiper-item>
<view class="swiper-item">
<image bindload='imageLoad' src="{{ item.image }}" mode="widthFix" style="width: 100%;" ></image>
</view>
</swiper-item>
</block>
</block>
</swiper>
iphone xr 版本12.2
代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)提供下这个格式的
https://developers.weixin.qq.com/s/g53P5fm5739K
我还想再问一下那个,微信小程序能不能拿到当前运行的环境是开发还是体验还是线上呢