uni-app 升级3.4.14后tabbar启用高斯模糊在小米手机上var(--window-bottom)的值为0 用js获取也是0

在 uni-app 升级到 3.4.14 后，如果你在小米手机上遇到 tabbar 启用高斯模糊后 var(--window-bottom) 的值为 0，并且通过 JavaScript 获取也是 0 的问题，可能是由于以下原因导致的：

1. 兼容性问题

• 小米手机的系统或浏览器内核可能对 CSS 变量或 tabbar 的高斯模糊效果支持不完善，导致 var(--window-bottom) 计算错误。

2. tabbar 高度计算问题

• 在启用高斯模糊后，tabbar 的高度可能没有被正确计算，导致 var(--window-bottom) 的值为 0。

3. uni-app 版本问题

• uni-app 的某些版本可能存在 bug，导致在特定设备上 tabbar 的高度计算不正确。

解决方案

1. 手动设置 tabbar 高度

如果你知道 tabbar 的高度，可以手动设置 var(--window-bottom) 的值，而不是依赖自动计算。

:root {
  --window-bottom: 50px; /* 假设 tabbar 高度为 50px */
}

2. 使用 JavaScript 动态计算 tabbar 高度

你可以通过 JavaScript 动态获取 tabbar 的高度，并手动设置 var(--window-bottom)。

const tabbarHeight = 50; // 假设 tabbar 高度为 50px
document.documentElement.style.setProperty('--window-bottom', `${tabbarHeight}px`);

3. 检查 uni-app 版本

确保你使用的是 uni-app 的最新稳定版本，或者回退到一个已知稳定的版本，以避免可能的 bug。

4. 使用 CSS 媒体查询

针对小米手机或其他特定设备，使用 CSS 媒体查询来设置 var(--window-bottom) 的值。

[@media](/user/media) (device: xiaomi) {
  :root {
    --window-bottom: 50px; /* 针对小米设备设置 tabbar 高度 */
  }
}