小程序根据手机机型设置自定义底部导航距离
需求:
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 红包祝福语简短10字
18 周六早晨祝福语简短