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

Powered by yoyo苏ICP备15045725号