当前位置: 首页 > article >正文

【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;
}

成功解决 


http://www.kler.cn/a/528334.html

相关文章:

  • EasyExcel使用详解
  • Maya软件安装步骤与百度网盘链接
  • deepseek 潜在变量Z的计算;变分自编码器(VAE); 高斯混合模型(GMM)
  • 我的求职面经:(2)C++中空指针请使用nullptr不要使用NULL
  • 如何将DeepSeek部署到本地电脑
  • 模型I/O功能之模型包装器
  • Linux——ext2文件系统(一)
  • 使用 Redis Streams 实现高性能消息队列
  • 2025 AI行业变革:从DeepSeek V3到o3-mini的技术演进
  • 蓝桥杯刷题DAY2:二维前缀和 一维前缀和 差分数组
  • leetcode 2563. 统计公平数对的数目
  • x86-64数据传输指令
  • 【Pytorch和Keras】使用transformer库进行图像分类
  • Python-基于PyQt5,pdf2docx,pathlib的PDF转Word工具
  • 海外问卷调查,最常用到的渠道查有什么特殊之处
  • XML DOM - 导航节点
  • CSDN图片加载不出来问题解决
  • webrtc peerconnection_client peerconnection_server 连接失败问题解决 win10 win11
  • 使用UpdateCursor删除行
  • 学习ArkTS语言
  • 开源2 + 1链动模式AI智能名片S2B2C商城小程序视角下从产品经营到会员经营的转型探究
  • react中useEffect的使用
  • 【数据结构】_C语言实现带头双向循环链表
  • 安装anaconda3 后 电脑如何单独运行python,python还需要独立安装吗?
  • BurpSuite抓包与HTTP基础
  • MySQL数据库 (三)- 函数/约束/多表查询/事务