uni-popup顶部被浏览器地址栏遮挡问题解决方案参考

近期使用uni-app创作移动端网站，当设置uni-popup弹层占满整个屏幕（100vh或者100%）时，发现在真机调试时顶部被浏览器地址栏遮挡无法正常显示，效果如下

发现了一种解决方案，供大家参考

因为导航栏也是占据浏览器高度的，当我们设置100vh或100%时会被遮挡，这时我们可以重新获取浏览器可视区域高度，将此高度赋值给弹层高度

  const popupH = ref(0);
  onMounted(() => {
    nextTick(() => {
      uni.getSystemInfo({
        success: (res) => {
          console.log('设备res', res);
          popupH.value = res.windowHeight
        }
      })
    })
  })

    <view class="img-preview-popup" :style="{height: `${popupH}px`}"></view>