uniapp小程序，胶囊图兼容

最新推荐文章于 2024-06-20 14:48:20 发布

tshjy1

最新推荐文章于 2024-06-20 14:48:20 发布

阅读量209

点赞数

文章标签：小程序 uni-app javascript

本文链接：https://blog.csdn.net/tshjy1/article/details/130261585

版权

该代码段是用于获取小程序中菜单（胶囊）按钮的布局信息。如果uni.getMenuButtonBoundingClientRect方法可用，直接调用；否则，针对支付宝小程序和高德小程序进行特殊处理，计算其位置。在高德小程序中，考虑了statusBarHeight和titleBarHeight的差异。

摘要由CSDN通过智能技术生成

// 获取胶囊信息
// 绑定this
export function getMenuButtonBoundingClientRect() {
	// 默认
	let titleInfo = {}
	if(uni.getMenuButtonBoundingClientRect){
		// 获取胶囊信息
		titleInfo = uni.getMenuButtonBoundingClientRect()
	} else {
		// 支付宝系列，部分小程序胶囊方法不可用
		// #ifdef MP-ALIPAY
			titleInfo = {
				bottom: 85,
				height: 32,
				left: 296,
				right: 383,
				top: 53,
				width: 87
			}
			
			// 高德小程序兼容
			if(uni.canIUse('gd')) {
				const systemInfo = uni.getSystemInfoSync()
				const barPaddding = (systemInfo.titleBarHeight - titleInfo.height)/2
				titleInfo.top = systemInfo.statusBarHeight + barPaddding
			}
		// #endif
	}
	return titleInfo
}