首页 > 编程语言 >获取不同型号手机小程序导航栏的高度(uniapp)

获取不同型号手机小程序导航栏的高度(uniapp)

时间:2023-06-30 17:03:59浏览次数:40  
标签:uniapp Vue statusBarHeight custom 型号 prototype 导航

uni.getSystemInfo({
      success: function(e) {
          Vue.prototype.StatusBar = e.statusBarHeight;
          let custom = wx.getMenuButtonBoundingClientRect();
          Vue.prototype.Custom = custom;
          Vue.prototype.CustomBar = custom.bottom + custom.top - e.statusBarHeight;
    }
});

 

标签:uniapp,Vue,statusBarHeight,custom,型号,prototype,导航
From: https://www.cnblogs.com/wcq520/p/17517243.html

相关文章

  • uniapp学习(二)
    easycom自动导入自定义组件目录下components/MyItem/MyItem.vue<template><view><viewclass="item">(。・∀・)ノ゙嗨</view></view></template><stylelang="scss">.item{width:200rpx;......
  • uniapp使用高德地图注意事项
    1、获取定位信息需要连接网络2、map组件使用的经纬度是国测局坐标,调用uni.getLocation接口需要指定type为gcj023、H5端获取定位信息,需要部署在 https 服务上,本地预览(localhost)仍然可以使用http协议。......
  • uniapp 引入非模块化js
    uniapp开发的H5,引入第三方的非模块化.js文件,如self.js,就是纯js文件,没有module.exports暴露出来成为一个对象,这种放在common文件夹下,引入会提示找不到,这时候应该把该self.js放在static文件夹下,uniapp发行H5时static文件下的内容不编译,在并在入口.html文件中引入全局js,在.vue页......
  • uniapp分页请求
    <template><view>循环请求的数据</view><view> {{isLoading?加载中...':'没有更多了'}} </view></template>exportdefault{data(){return{dataForm:[],//分页数据isLoading:false, //是否加载中pageNu......
  • uniapp 省市区 回填
    <template> <view> <u-button@click="tesx">11</u-button> {{aa}} <cityv-model="aa"></city> </view></template><script> importcityfrom'./city.vue' exportdefau......
  • uniapp 消息推送
    1.前言作为一个非原生App的开发者,对于手机系统的推送机制了解是是非有限的,只有了解清楚这些机制,后期的开发才会少踩很多坑,本文将对推送机制逻辑进行一个简单的梳理与记录2.推送流程推送流程1.0:后台服务器->推送服务器(第三方)->手机App推送流程2.0:后台服务器->uni-clou......
  • Uniapp下GoEasy通知栏推送不工作问题排查记录
    我们是uniapp开发的app,项目中的系统消息推送使用的是GoEasyWebsocket实时推送,上线一段时间后,客户反馈说,当app没有在前台运行时也需要想办法通知用户一些重要的系统通知。那么此时通知栏推送就需要集成了。集成通知栏推送很麻烦,国内一些公司做了一些插件来帮我们打通app跟厂商之......
  • uniapp,微信小程序点击按钮打开地图进行导航
    uniapp示例:<viewclass="order-contact-item"style="width:50%;text-align:center;"@tap="openMapNavigation">导航商家</view> //js函数打开导航 openMapNavigation(){ varthat=this; uni.getLocation({ type:'g......
  • 在线直播系统源码,uniapp滚动加载
    在线直播系统源码,uniapp滚动加载声明submitDate对象用来存放接口需要的具体参数,其中page和limit为查询页数和每页查询数据,total为记录数据总条数,pageList存放页面数据。     data(){return{  pageList:[],//列表数据submitDate:{//放你自己的参数startDate:''......
  • JQ 可展开折叠的导航
    <!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><style>*{padding:0;margin:0;}li{list-style-type:none;}body{margin:50px;font-family:\5FAE\8F6......