目的:想通过判断识别ipx机型底部加上留白
问题:在index.js错误提示无法识别全局变量app.gloablDat.isIphonex
app.js代码
//app.js App({ 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结构里样式生效了没