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

  1. 新聞資訊
  2. 技術百科
行業動态 公司新聞 案例分享 技術百科

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

來(Come)源:奇站網絡 浏覽量:2022 發布日期: 2020-03-12

微信小程序開發時(hour),往往異步加載的(of)數據還沒有加載完成,界面就已經顯示,界面上會産生(born)圖片拉伸變形或元素一(one)閃而過的(of)問題,影響用(use)戶體驗。

解決方法

wxml

mode指定widthFix

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

樣式中指定圖片高度auto

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

廈門極極網絡科技有限公司

電話:13313868605

QQ:3413772931

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


                    掃一(one)掃加我(I)咨詢