欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

小程序根據(jù)手機(jī)機(jī)型設(shè)置自定義底部導(dǎo)航距離

 更新時間:2019年06月04日 08:35:57   作者:zhang_haoqi  
這篇文章主要為大家詳細(xì)介紹了小程序根據(jù)手機(jī)機(jī)型設(shè)置自定義底部導(dǎo)航距離,具有一定的參考價值,感興趣的小伙伴們可以參考一下

需求:

iponeX 以上機(jī)型,手機(jī)底部有弧度,自己寫的導(dǎo)航欄會被遮住, 需要判斷手機(jī)機(jī)型,做兼容設(shè)置.

解決:

//app.js
App({

 /**
  * 當(dāng)小程序初始化完成時,會觸發(fā) onLaunch(全局只觸發(fā)一次)
  */
 onLaunch: function() {
  var that = this;
  //獲取手機(jī)型號
  wx.getSystemInfo({
   success(res) {
    const model = res.model;
    const modelInclude = ["iPhone X", 'iPhone XR', "iPhone XS", "iPhone XS MAX"];
    var flag = false;//是否X以上機(jī)型
    for (let i = 0; i < modelInclude.length;i ++){
     //模糊判斷是否是modelInclude 中的機(jī)型,因為真機(jī)上測試顯示的model機(jī)型信息比較長無法一一精確匹配
     if (model.indexOf(modelInclude[i]) != -1){
      flag = true
     }
    }
    if (flag) {
     that.BOTTOM_DISTANCE = 50;
    }
   }
  })
 },

 /**
  * 當(dāng)小程序啟動,或從后臺進(jìn)入前臺顯示,會觸發(fā) onShow
  */
 onShow: function(options) {

 },

 /**
  * 當(dāng)小程序從前臺進(jìn)入后臺,會觸發(fā) onHide
  */
 onHide: function() {

 },

 /**
  * 當(dāng)小程序發(fā)生腳本錯誤,或者 api 調(diào)用失敗時,會觸發(fā) onError 并帶上錯誤信息
  */
 onError: function(msg) {

 },

 BOTTOM_DISTANCE:0,//iponeX底部需要抬高的距離
})

頁面js

const app = getApp();

Page({

 /**
  * 頁面的初始數(shù)據(jù)
  */
 data: {
  bottom: app.BOTTOM_DISTANCE//將app實例中的BOTTOM_DISTANCE轉(zhuǎn)化為頁面的data,即可在xml上使用
 },

 /**
  * 生命周期函數(shù)--監(jiān)聽頁面加載
  */
 onLoad: function(options) {
 },
})

然后設(shè)置導(dǎo)航底部padding距離即可;

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論