UniApp 微信小程序胶囊高度获取方法

在 UniApp 开发微信小程序时，可以通过 uni.getSystemInfoSync() 获取系统信息中的 menuButtonBoundingClientRect 属性来获取胶囊的高度。

具体代码示例如下：

let res = uni.getSystemInfoSync();
let menuButtonRect = res.menuButtonBoundingClientRect;
let capsuleHeight = menuButtonRect.height;
console.log('胶囊高度：' + capsuleHeight);

代码解释：

• uni.getSystemInfoSync()：获取系统信息，返回值为一个包含系统信息的 Object。
• menuButtonBoundingClientRect：系统信息中的一个属性，表示胶囊按钮的位置和大小信息。
• height：胶囊按钮的高度。

注意：

• 该方法只能在微信小程序环境中使用。
• 胶囊的高度可能会随着手机型号、系统版本等因素而有所不同。

其他获取胶囊高度的方法：

除了 uni.getSystemInfoSync() 方法，还可以使用以下方法获取胶囊高度：

• 使用 wx.getMenuButtonBoundingClientRect() 方法（仅限微信小程序）。
• 使用第三方库，例如 @vant/weapp/dist/button 提供的 button.getBoundingClientRect() 方法。

建议：

• 使用 uni.getSystemInfoSync() 获取系统信息时，最好只获取需要的属性，避免获取过多信息导致性能损耗。
• 使用 capsuleHeight 变量存储胶囊高度，方便后续使用。