uni-app ios无内容区域显示黑色背景

uni-app ios无内容区域显示黑色背景

操作步骤:

  • 用目前最新编辑器打包安装app会出现

预期结果:

  • 显示正常

实际结果:

  • 无内容区域背景色不正常

bug描述:

  • ios无内容区域显示黑色背景

图片

Image 1 Image 2 Image 3

项目信息

信息
产品分类 uniapp/App
PC开发环境 Windows
PC开发环境版本 win10
HBuilderX类型 Alpha
HBuilderX版本 3.1.21
手机系统 iOS
手机系统版本 IOS 14
手机厂商 苹果
手机机型 iPhoneX
页面类型 nvue
打包方式 云端
项目创建方式 HBuilderX

更多关于uni-app ios无内容区域显示黑色背景的实战教程也可以访问 https://www.itying.com/category-93-b0.html

7 回复

一样遇到,滚动一下就会不见,偶发性

更多关于uni-app ios无内容区域显示黑色背景的实战教程也可以访问 https://www.itying.com/category-93-b0.html


请上传一个可复现问题的 示例工程

偶发性,要点久才出现,无法必现

我去掉globalStyle里面的几个属性,然后莫名奇妙的好了,再加上这些属性也没有这种情况了

回复 3***@qq.com: 最好是能提供可复现的方式,不然无从下手

回复 3***@qq.com: 去掉哪个,可以拿出来参考下不?

这是一个iOS上常见的背景色渲染问题。在nvue页面中,iOS默认会将无内容区域渲染为黑色背景。

解决方案:

  1. 在页面的根元素或需要设置背景的容器上添加背景色样式:
.container {
  background-color: #ffffff; /* 或其他需要的颜色 */
}
  1. 如果使用页面级样式,可以在页面样式文件中设置:
page {
  background-color: #ffffff;
}
回到顶部