在應用中顯示的圖片很多情況不滿足業務需求,我們需要動態根據圖片的寬高進行縮放或載入中顯示的預設圖片,這是我沒就需要監聽圖片載入完成回撥,來看看微信小程式怎麼實現圖片載入完成回撥。
阿新 • • 發佈:2018-11-10
<swiper-item> <image src="{{item.image}}" class="slide-image" mode="widthFix" @tap="bannerjump({{item.link}})" data-url="{{item.link}}" bindload="imageLoad" style="height:{{imgheights[swiperCurrent]}}rpx;width:{{imgwidth}}rpx;"/> </swiper-item>
// 獲取banner圖高度 imageLoad: function (e) { var self = this; //獲取圖片真實寬度 var imgwidth = e.detail.width, imgheight = e.detail.height, //寬高比 ratio = imgwidth / imgheight; //計算的高度值 var viewHeight = 750 / ratio; var imgheight = viewHeight var imgheights = this.data.imgheights //把每一張圖片的高度記錄到數組裡 imgheights.push(imgheight) this.imgheights = imgheights this.$apply(); },
最近發懶筋 不想說話 一句話都不想說 別怪我 用吧 ~~~~~