小程序根据手机机型设置自定义底部导航距离
需求:
iponeX以上机型,手机底部有弧度,自己写的导航栏会被遮住,需要判断手机机型,做兼容设置.
解决:
//app.js
App({
/**
*当小程序初始化完成时，会触发onLaunch（全局只触发一次）
*/
onLaunch:function(){
varthat=this;
//获取手机型号
wx.getSystemInfo({
success(res){
constmodel=res.model;
constmodelInclude=["iPhoneX",'iPhoneXR',"iPhoneXS","iPhoneXSMAX"];
varflag=false;//是否X以上机型
for(leti=0;i
页面js
constapp=getApp();
Page({
/**
*页面的初始数据
*/
data:{
bottom:app.BOTTOM_DISTANCE//将app实例中的BOTTOM_DISTANCE转化为页面的data,即可在xml上使用
},
/**
*生命周期函数--监听页面加载
*/
onLoad:function(options){
},
})
然后设置导航底部padding距离即可;
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。