小(xiǎo)程序ajax加載完成前,界面已經渲染完成,如何防止圖片拉伸變形或界面閃爍

  1. 新聞資(zī)訊
  2. 技術百科
公司新聞 案例分(fēn)享 技術百科 行業動态

小(xiǎo)程序ajax加載完成前,界面已經渲染完成,如何防止圖片拉伸變形或界面閃爍

來源:奇站網絡 浏覽量:1847 發布日期: 2020-03-12

微信小(xiǎo)程序開(kāi)發時,往往異步加載的數據還沒有加載完成,界面就已經顯示,界面上會産生(shēng)圖片拉伸變形或元素一(yī)閃而過的問題,影響用戶體(tǐ)驗。

解決方法

wxml

mode指定widthFix

  1. <image src="{{resPath + 'theme/mp/images/icon-quan.png'}}" mode="widthFix"></image>
wxss

樣式中(zhōng)指定圖片高度auto

  1. image{
  2. height:auto
  3. }
标簽:

廈門市中資源網絡服務有限公司

電(diàn)話(huà):13313868605

QQ:3413772931

地址:廈門集美區軟件園三期


                    掃一(yī)掃加我(wǒ)咨詢