收藏
回答

小程序适配ipx问题?

目的:想通过判断识别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>


最后一次编辑于  08-31
回答关注问题邀请回答
收藏

3 个回答

  • Todd
    Todd
    08-31

    app不是全局变量好吗, 有全局方法 getApp( )。

    const app = getApp()


    08-31
    赞同 1
    回复 1
    • Dean
      Dean
      08-31
      我已经使用了getApp()控制台确实没报错了,但是适配的ipx样式还是未显示。。。请问如何排查原因?
      08-31
      回复
  • จุ๊บ
    จุ๊บ
    09-02

    app未定义啊,你在哪里定义了app呢?

    09-02
    赞同
    回复
  • 铭锋科技
    铭锋科技
    09-01

    看下wxml结构里样式生效了没

    09-01
    赞同
    回复 1
    • Dean
      Dean
      09-01
      你好!感谢回答,结构样式是有的但是绑定对象判断没有生效
      09-01
      回复
问题标签