美文网首页
分享来源/header高度

分享来源/header高度

作者: DTripper | 来源:发表于2020-11-11 15:35 被阅读0次

小功能(不常用)

//app.js
App({
  onLaunch: function (options) {
    // 判断是否由分享进入小程序
    if (options.query.shareType == 998) {
      this.globalData.share = true
    } else {
      this.globalData.share = false
    };


    //获取设备顶部窗口的高度(不同设备窗口高度不一样,根据这个来设置自定义导航栏的高度)
    //这个最初我是在组件中获取,但是出现了一个问题,当第一次进入小程序时导航栏会把
    //页面内容盖住一部分,当打开调试重新进入时就没有问题,这个问题弄得我是莫名其妙
    //虽然最后解决了,但是花费了不少时间
    wx.getSystemInfo({
      success: (res) => {
        this.globalData.height = res.statusBarHeight
      }
    })
  },
globalData: {
    share: false,  // 分享默认为false
    height: 0,
  },
})

使用

//home.js
Page({
   data: {
      // 此页面 页面内容距最顶部的距离
      height: app.globalData.height * 2 + 20, 
   }
})

相关文章

网友评论

      本文标题:分享来源/header高度

      本文链接:https://www.haomeiwen.com/subject/tjrxsktx.html