用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 查看内容

微信小程序适配iphonex

Rolan 2018-4-26 00:32

// 在app.js中判断是否是哪种设备 globalData: { isIphoneX: false, userInfo: null }, onShow:function(){ let that = this; wx.getSystemInfo({ success: res={ // console.log('手机信息res'+res.model) l ...


  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. <view class="{{isIphoneX?'linkCon':''}} flex "> </wiew>


鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏
原作者: 前端之癫 来自: cnblogs

相关阅读

  • wyywork 2018-4-26 17:30
    你这代码拿的我的吧,一个空格都不差啊