【错误总结】API ‘getMenuButtonBoundingClientRect/‘ is not yet implemented

最新推荐文章于 2024-08-14 10:27:49 发布

zwj、

最新推荐文章于 2024-08-14 10:27:49 发布

阅读量7.9k

点赞数 2

CC 4.0 BY-SA版权

文章标签：小程序 html5 javascript

本文链接：https://blog.youkuaiyun.com/Twisted_/article/details/120548743

报错信息

API 'getMenuButtonBoundingClientRect/' is not yet implemented
在这里插入图片描述
这是api不支持，当前平台不支持这个api，注意添加条件编译

解决办法

H5 || APP-PLUS || MP-ALIPAY 不支持胶囊按钮样式的API

// 根据微信小程序的右上侧的胶囊样式 设置导航栏内容的高度
// #ifndef H5 || APP-PLUS || MP-ALIPAY
	const menuInfo = uni.getMenuButtonBoundingClientRect()
	// 导航栏内容的高度 = (胶囊底部的高度 - 状态栏的高度) + (胶囊顶部的高度 - 状态栏的高度)
	this.navBarHeight = (menuInfo.bottom - info.statusBarHeight) + (menuInfo.top - info.statusBarHeight)
	// 导航栏内容的宽度 = ()
	this.navBarWidth = menuInfo.left
	// console.log(this.navBarHeight,this.navBarWidth)
// #endif