javascript

微信小程式:底部按鈕高度自適應


使用場景

由於iphoneX等型號手機底部有home虛擬鍵,為了按鈕不被遮擋,需要調整底部按鈕高度

具體操作

.

獲取手機資訊:wx.getSystemInfo()

App({
	onLaunch: function () {
		wx.getSystemInfo({
	      success: (res) => {
	        this.globalData.height = res.statusBarHeight;
	        // 獲取手機型號
	        const model = res.model;
	        const modelInclude = ["iPhone X", 'iPhone XR', "iPhone XS", "iPhone XS MAX"];
	        var flag = false;//是否X以上機型
	        for (let i = 0; i < modelInclude.length; i++) {
	          //模糊判斷是否是modelInclude 中的機型,因為真機上測試顯示的model機型資訊比較長無法一一精確匹配
	          if (model.indexOf(modelInclude[i]) != -1) {
	            flag = true
	          }
	        }
	        if (flag) {
	          //如果是這幾個機型,設定距離底部的bottom值
	          this.globalData.bottom = 25;
	        }
	      }
	    })
	},
	 globalData: {
	   userInfo: null,
	   token: '',
	   height: 0,
	   bottom:0,
	 }
})

應用

然後在對應的檔案中取bottom值就可以了

本文章已修改原文用詞符合繁體字使用者習慣使其容易閱讀

版權宣告:此處為CSDN博主「aiqqvb」的原創文章,依據CC 4.0 BY-SA版權協議,轉載請附上原文出處連結及本宣告。

原文連結:https://blog.csdn.net/aiqqvb/article/details/101267684