uniapp 微信小程序 uni-popup 底部弹出空白距离解决方法

这个问题可能是由于微信小程序的底部导航栏高度不同，在使用uni-popup组件时，没有正确设置底部弹出框的位置导致的。

解决方法如下：

1. 在使用uni-popup组件时，可以通过设置'position'属性为'bottom'，并且指定'bottom'属性值为底部导航栏的高度来解决这个问题。例如：

<uni-popup position='bottom' :style='{ bottom: '50px' }'></uni-popup>

2. 如果你的小程序底部导航栏高度不固定，可以通过动态获取底部导航栏高度并设置给'bottom'属性来解决。可以使用小程序的API 'uni.getSystemInfoSync()' 来获取系统信息，然后获取底部导航栏高度。例如：

let systemInfo = uni.getSystemInfoSync();
let bottomHeight = systemInfo.screenHeight - systemInfo.safeArea.bottom;

然后将获取到的 'bottomHeight' 设置给'bottom'属性：

<uni-popup position='bottom' :style='{ bottom: bottomHeight + 'px' }'></uni-popup>

通过以上方法，你可以根据底部导航栏的高度来调整底部弹出框的位置，解决空白距离的问题。