onLoad(){ this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight console.log(this.statusBarHeight,'-') // this...._navigationstyle">
当前位置:   article > 正文

前端uniapp小程序设置了“navigationStyle“: “custom“,获取每个手机顶部状态栏高度

navigationstyle

更改·后的代码   

  1.  <view :style="{height:statusBarHeight+'px'}" class="status"></view>
  2.  第一种:onLoad(){
  3.             this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight
  4.             console.log(this.statusBarHeight,'-')
  5.             // this.statusBarHeight = wx.getSystemInfoSync()['statusBarHeight']
  6.         },
  7. 第二种:onLoad(){
  8. uni.getSystemInfo({
  9. success:(e)=> {
  10. console.log(e.statusBarHeight;)
  11. this.statusBarHeight = e.statusBarHeight;
  12. }
  13. })
  14. console.log(this.statusBarHeight,'-')
  15. },
  16. //css
  17.        .status{
  18.                 width: 100%;
  19.                 background-color: red;
  20.             }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/219417
推荐阅读
相关标签
  

闽ICP备14008679号