您当前的位置: 首页 > 解决方案

微信小程序适配iphonex

  • 作者: admin
  • 发布于 2018-04-26 13:46:00
  • 来源:  
  • 栏目:解决方案

导语: 微信小程序适配iphonex // 在app.js中判断是否是哪种设备 globalData: { isIphoneX: false, userIn

 

 微信小程序适配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. })
  18. },

在需要引用的页面js文件中onload方法里获取全局变量

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

在 wxml文件中 进行css的逻辑判断

 
  1. <view class="{{isIphoneX?'linkCon':''}} flex "> </wiew>
  2.  

 



温馨提示:这篇文章没有解决您的问题?欢迎添加微信:18948083295,有微信小程序专业人员,保证有问必答。转载本站文章请注明转自http://www.okeydown.com/(微信小程序网)。

  • 微信扫描二维码关注官方微信
  • ▲长按图片识别二维码
关注我们

微信小程序官方微信

栏目最新
栏目推荐
返回顶部