首页 > 其他分享 >uniapp状态栏、导航栏、胶囊数据

uniapp状态栏、导航栏、胶囊数据

时间:2022-12-05 14:44:16浏览次数:39  
标签:uniapp 状态栏 胶囊 高度 custom statuBar var

// 获取状态栏高度
var statuBar = uni.getSystemInfoSync().statusBarHeight;

// 获取胶囊数据
var custom = wx.getMenuButtonBoundingClientRect()
// 获取胶囊的宽高
customWidth = custom.width
customHeight = custom.height
// 获取胶囊的上下左右坐标
customTop = custom.top
customBottom = cutsom.bottom
customLeft = custom.left
customRight = custom.right

// 获取导航栏(标题栏高度)高度
 = 胶囊高度+(顶部距离-状态栏高度)*2
var navigationBarHeight = custom.height + (custom.top - statuBar) * 2

// 总体高度 = 状态栏高度+导航栏高度
var navAllHeight = navigationBarHeight  + statuBar

 

标签:uniapp,状态栏,胶囊,高度,custom,statuBar,var
From: https://www.cnblogs.com/xqxacm/p/16952234.html

相关文章

  • uniapp和vue的区别
    https://m.php.cn/article/481418.html uniapp和vue的区别uni-app可以编译到(头条,支付宝,微信,QQ,百度)小程序,安卓版,ios版,h5版。通过打包实现一套代码多端运行;vue在web上是......
  • uniapp rpx在超过960时样式错位的问题
    到uni-app官网查一下,发现有下面这样一段话:“这里需要对rpx的使用特别强调一下。在移动设备上也有很多屏幕宽度,设计师一般只会按照750px屏幕宽度出图。此时使用rpx的好处在......
  • uniapp全局变量实现的四种方法
    一、公用模块定义一个专用的模块,用来组织和管理这些全局的变量,在需要的页面引入。注意:这种方式只支持多个vue页面或多个nvue页面之间公用,vue和nvue之间不公用。示例如下:......
  • uniApp安卓离线SDK运行
    一、下载uniapp提供的离线SDK包下载地址:https://nativesupport.dcloud.net.cn/AppDocs/download/android版本:2022年09月26日发布——HBuilderX(3.6.4.20220922)二、下载An......
  • uniapp实现点击打文件
    常用场景:登录时服务协议and隐私政策等uni.downloadFile({ url:'文件路径(建议使用服务器地址)', filePath:wx.env.USER_DATA_PATH+'/'+'自定义.pdf', //......
  • 用uniapp开发打包多端应用完整指南
    ​一、uni-app项目介绍用uni-app开发多端项目,一套代码可同时打包出各端小程序、h5和app,uni-app支持通过HBuilderX可视化界面和vue-cli命令行两种方式创建项目,下面示......
  • uniapp获取本机所有应用包名
    huoqu(e){ uni.showLoading({ title:'获取中' }); constmain=plus.android.runtimeMainActivity(); letpManager=plus.android.invoke(main,'ge......
  • uniapp 配置钉钉小程序package.json文件
    {"uni-app":{"scripts":{"mp-dingtalk":{"title":"钉钉小程序","env":{"UNI_PLATFOR......
  • uniapp
    uni-appvue语法uni-app的生命周期Vue的生命周期创建beforeCreatecreated可以使用this,没有dom作用:初始数据注册监听事件开启定时器ajax请求挂载beforeMount......
  • uniapp读取写入安卓文件
    uniapp读取安卓手机文件functhionreadJsonByFile(fileNamePath){ //只能用于安卓导入java类 constFile=plus.android.importClass('java.io.File') constBuffe......