15年软件开发经验 只做源码定制 互联网+定制化解决方案

15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页

封装的自定义导航条时 导航条高度的方法

李家霖| 发布于 2021-08-12 22:19:01| 376阅读| 0点赞| 0评论
举报

用来解决不同高度屏幕的导航栏高度问题

微信小程序 设置取消了原生的导航栏后     右上角会有一个胶囊按钮     在设置自定义的导航栏时自定义导航栏的高度应该覆盖住胶囊按钮     不然胶囊按钮会遮挡住界面中的标签  影响美观 

   取消了原生导航栏的界面:

   



通过   uni.getMenuButtonBoundingClientRect()  可以获取到右上角胶囊按钮相关的信息   通过这个方法封装的函数可以兼容不同屏幕的自定义导航栏   返回的数值就是自定义导航栏应设置的高度

getHeight(){
	var data = <a href="https://www.qinfenniao.com/article.html?name=uni" target="_blank">uni</a>.getMenuButtonBoundingClientRect();
	this.pH = data.top;
	this.setH = data.height;	return  this.pH + this.setH
}<br/>

使用函数返回结果设置的自定义导航栏效果



不管多高的屏幕都会正好的遮盖住胶囊按钮



0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

李家霖
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部