微信小程序导航栏高度。分析手机状态栏高度、微信小程序胶囊高度等。

//获取系统信息的概念
console.log(uni.getSystemInfoSync());
let res = uni.getSystemInfoSync()
//胶囊按钮的信息
console.log(uni.getMenuButtonBoundingClientRect());
let custom = uni.getMenuButtonBoundingClientRect()
//微信小程序导航栏高度
let navBarHight = (custom.top - res.statusBarHeight) * 2 + custom.height
console.log(navBarHight);

微信小程序导航栏高度。分析手机状态栏高度、微信小程序胶囊高度等。相关推荐

uniapp自定义导航栏遮住了手机状态栏问题
#uniapp在界面自定义导航栏之后,导航栏会自动占在屏幕的状态栏重叠上解决办法首先在pages.josn是页面里面加上"navigationStyle": "cus ...
微信小程序导航栏或菜单栏吸顶效果简单实现
微信小程序导航栏或菜单栏吸顶效果简单实现思路: 1.获取导航栏初始位置距顶部的距离s1(通过获取页面标签方法) 2.监听页面的滑动,获取滑动距离s2(使用onPageScroll) 3.当s2> ...
如何去掉微信小程序导航栏，以及禁止页面滑动
如何去掉微信小程序导航栏,以及禁止页面滑动 1.微信小程序要去掉微信自带的导航栏,只需要在app.json中加上 "navigationStyle": "custom&q ...
微信小程序导航栏制作
导航栏制作微信小程序不同于H5,制作导航栏不方便,尤其是对于一个初学者来看:以为微信小程序中的Js与H5中的差不多,其实不然,以下就是我在学习微信小程序中制作的小程序导航栏. 页面代码 <vi ...
微信小程序导航栏滑动一定距离后固定到顶部
接上一篇文章的内容,通常在一个页面中部会有一个导航栏查看不同的内容,这篇文章旨在实现在页面下滑的过程中导航栏自动固定到顶部以便我们阅读过程中的切换. 下滑一段距离后自动固定到顶部首先,思考这个功能应 ...
小程序导航栏文字更改
小程序导航栏文字更改在json文件中,对 navigationBarTitleText 进行更改. 如下: {"backgroundTextStyle": "light ...
小程序导航栏标题对齐问题
小程序导航栏标题,安卓是左对齐,ios是居中,暂时没法设置转载于:https://www.cnblogs.com/jcydd/p/10768003.html
微信h5隐藏导航栏和状态栏_导航栏未在SwiftUI中隐藏
微信h5隐藏导航栏和状态栏 TL;DR: If you can't tap on buttons in the navigation-bar area, you can jump directly t ...
android 导航栏位置,android手机导航栏
/** * 设置透明状态栏与导航栏 * @param navi true不设置导航栏|false设置导航栏 */ public void setStatusBar(boolean navi) { // ...

微信小程序导航栏高度。分析手机状态栏高度、微信小程序胶囊高度等。

微信小程序导航栏高度。分析手机状态栏高度、微信小程序胶囊高度等。相关推荐

最新文章

热门文章