1. 程式人生 > >小程序image使用mode大圖閃屏加載的問題

小程序image使用mode大圖閃屏加載的問題

wid 事件 pre bin 小程序 true mod 賦值 項目

項目中用到了一個高度為8000多px的圖片,寫死高度不合適,用小程序的mode的widthFix屬性。因為小程序加載的模式會默認先加載出image的默認高度300*150,之後再裁剪圖片的自適應高度,就會出現大圖壓縮的的過渡。

解決辦法:

image有個事件 bindload 在圖片加載完畢後會觸發這個事件,所以在這個事件中會返回圖片的高度,首先默認設置圖片高度1px,等獲取到高度後再賦值給image,這樣就解決了壓縮顯示的問題。

<image style=‘height:{{loadeFlag?1:imageheight}}px;" bindload="bindload"></image
>
bindload:function(res){
     this.setData({
        loadFlag:true,
        imageHeight:res.detail.height
    
    })
}    

小程序image使用mode大圖閃屏加載的問題