1. 程式人生 > >微信小程式適配iphonex

微信小程式適配iphonex


  1. // 在app.js中判斷是否是哪種裝置
  2. globalData:{
  3. isIphoneX:false,
  4. userInfo:null
  5. },
  6. onShow:function(){
  7. let that =this;
  8. wx.getSystemInfo({
  9. success: res=>{
  10. // console.log('手機資訊res'+res.model)
  11. let modelmes = res.model;
  12. if(modelmes.search('iPhone X')!=-1){
  13. that.globalData.isIphoneX =true
  14. }
  15. }
  16. })
  17. },

在需要引用的頁面js檔案中onload方法裡獲取全域性變數

  1. let isIphoneX = app.globalData.isIphoneX;
  2. this.setData({
  3. isIphoneX: isIphoneX
  4. })

在 wxml檔案中 進行css的邏輯判斷

  1. <viewclass="{{isIphoneX?'linkCon':''}} flex "></wiew>
作者:前端之癲

著作權歸作者所有。商業轉載請聯絡作者獲得授權,非商業轉載請註明出處。