小程序根据手机机型设置自定义底部导航距离
需求:
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距离即可;
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
热门推荐
10 八一幼儿祝福语大全简短
11 公司乔迁食堂祝福语简短
12 婚礼结束聚餐祝福语简短
13 儿媳买车妈妈祝福语简短
14 毕业送礼老师祝福语简短
15 同事辞职正常祝福语简短
16 恭贺新婚文案祝福语简短
17 金店立秋祝福语简短英文
18 婆婆高寿祝福语大全简短