iOS开发底部安全区域背景色的问题
uni-app 2021-03-25 10:09:27

1、设置了tabbar，如果在pages.json设置了tabbar，并且设置了背景色是白色，那么切换到别的页面，就会发现，没有tabbar的二级子页面，下方HOME条的背景色仍然是白色

解决方案：配置manifest.json，源码视图，在app-plus下配置：

JavaScript Code复制内容到剪贴板
  1. "safearea": { //安全区域配置，仅iOS平台生效    
  2.     "background": "#F5F6F9", //安全区域外的背景颜色，默认值为"#FFFFFF"    
  3.     "bottom": { // 底部安全区域配置    
  4.         "offset": "none|auto" // 底部安全区域偏移，"none"表示不空出安全区域，"auto"自动计算空出安全区域，默认值为"none"    
  5.     }  
  6. },  

 

注意：如果没有生效，把app重新编译启动

 

2、未配置tabbar，可以在pages.json中配置：

JavaScript Code复制内容到剪贴板
  1. {  
  2.     "path": "edit-card/edit",  
  3.     "style": {  
  4.         "navigationBarTitleText": "实名认证",  
  5.         "titleNView" : false,  
  6.         "navigationStyle" : "custom",  
  7.         "scrollIndicator" : "none",  
  8.         "app-plus": {  
  9.             "safearea": {  
  10.                 "bottom": {    
  11.                     "offset": "auto"    
  12.                 }  
  13.             },  
  14.             "backgroundColor":"rgba(121,122,122,1)"  
  15.         }  
  16.     }  
  17. },  

 

3、页面下拉，上拉时，背景色填充，在pages.json的globalStyle中配置：

JavaScript Code复制内容到剪贴板
  1. "globalStyle": {  
  2.     "navigationBarTextStyle": "black",  
  3.     "navigationBarTitleText": "管理系统",  
  4.     "navigationBarBackgroundColor": "#FFFFFF",  
  5.     "backgroundColor": "#F5F6F9",  
  6.     "backgroundColorTop":"#F5F6F9",//顶部窗口的背景色（bounce回弹区域）仅 iOS 平台  
  7.     "backgroundColorBottom":"#F5F6F9"//底部窗口的背景色（bounce回弹区域）仅 iOS 平台  
  8. },  

 

 

 

 

本文来自于：http://www.yoyo88.cn/study/uniapp/560.html

上一篇 tabbar设置投影样式
下一篇 OPPO开放平台移动应用认领
相关的文章
Powered by yoyo苏ICP备15045725号