uniapp 弹出层关闭底部安全距离
时间: 2023-08-02 11:07:23 浏览: 102
网页右下角弹出层可最小化可关闭
3星 · 编辑精心推荐
在Uniapp中,弹出层的底部安全距离可以通过设置样式来实现。你可以在弹出层的样式中添加一个 `padding-bottom` 属性,使其底部留出一定的空间,从而避免与底部系统栏重叠。例如:
```css
.popover {
padding-bottom: env(safe-area-inset-bottom);
}
```
这里使用了 `env(safe-area-inset-bottom)`,它可以自动获取到底部安全距离的大小,确保在不同设备上都能正确地设置底部留白。
阅读全文