【Uniapp-Vue3】解决uni-popup弹窗在安全区显示透明问题

我们在使用uni-popup时，如果想要给弹出内容添加一个背景颜色，我们会发现在安全区域是不显示该背景颜色的。

首先根据如下的目录结构找到uni-popup.vue文件

在该文件中找到bottom配置，将红箭头所指代码注释掉

下面的安全区域就没有了，但是还没解决完。 

 

在弹出区域下面加上一个类名为safe-area-bottom的盒子：

在CSS中进行配置： 

// 底部安全区域
.safe-area-bottom{
	width: 100%;
	height: env(safe-area-inset-bottom);
	background-color: #fff;
}

成功解决