目的：想通过判断识别ipx机型底部加上留白
问题：在index.js错误提示无法识别全局变量app.gloablDat.isIphonex
app.js代码
//app.jsApp({ globalData: { isIphoneX: false, userInfo: null }, onShow: function () { let that = this; wx.getSystemInfo({ success: res => { console.log('手机信息res' + res.model) let modelmes = res.model; if (modelmes.search('iPhone X') != -1) { that.globalData.isIphoneX = true } } }) },}) |
index.js代码
Page({ /** * 页面的初始数据 */ data: { }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { let isPhone = app.globalData.isIphoneX; if (isPhone) { this.setData({ btuBottom: "68rpx", }) } }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { }, /** * 生命周期函数--监听页面显示 */ onShow: function () { }, /** * 生命周期函数--监听页面隐藏 */ onHide: function () { }, /** * 生命周期函数--监听页面卸载 */ onUnload: function () { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { }, /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { }, /** * 用户点击右上角分享 */ onShareAppMessage: function () { }}) |
wxml部分代码
<view class='contentView' style='padding-bottom:{{btuBottom}}'> </view> |
app不是全局变量好吗， 有全局方法 getApp( )。
const app = getApp()app未定义啊，你在哪里定义了app呢？
看下wxml结构里样式生效了没