uniapp中Popup弹出层底部空隙问题(手把手图解)

  在开发uniapp项目中,我们会使用到popup弹出层

Popup弹出层的弹出方式分为一下几种

top 顶部弹出
center 居中弹出
bottom 底部弹出
left 左侧弹出
right 右侧弹出
message 预置样式 :消息提示
dialog 预置样式 :对话框
share 预置样式 :底部弹出分享示例

我遇到的问题是底部弹出层有一个间隙的问题

在iPhone 5/6/7/8中并不会出现这样的问题

但是在iPhone X/XR/12/13中会出现这样的问题

如图

uniapp中Popup弹出层底部空隙问题(手把手图解)_第1张图片

 

解决方案

我开始在网上,百度,csdn,博客园找解决方案。

可能是我搜索的问题,并没有找到解决方案。

于是,我就去看这个ui库中这个组件的源码。

我该了源码,这个问题就解决了。

如图

首先找到Popup的源码

uniapp中Popup弹出层底部空隙问题(手把手图解)_第2张图片

然后修改源码

把350行的这个代码注释或者删除了,就可以了(建议注释)

uniapp中Popup弹出层底部空隙问题(手把手图解)_第3张图片 

改完后的效果,大家可以看看

uniapp中Popup弹出层底部空隙问题(手把手图解)_第4张图片

 

你可能感兴趣的:(uniapp,微信小程序,前端,javascript,开发语言)