微信小程序开发:微信小程序底部与顶部背景颜色文字颜色修改_百业营销网

微信小程序开发:微信小程序底部与顶部背景颜色文字颜色修改

微信小程序开发 110℃ 0

微信小程序开发:微信小程序底部与顶部背景颜色文字颜色修改


1、单个页面修改顶部背景颜色与文字颜色
{
  "usingComponents": {},
  "navigationBarBackgroundColor": "#17abe3",//背景颜色
  "navigationBarTextStyle": "white"//文字颜色,只能为black 或者 white。
}
 文字颜色,只能为black 或者 white,不然会出现报错情况:


2、全局修改顶部背景颜色与文字颜色
在app.json文件中找到window
 
"window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#ccc",//修改顶部背景颜色
    "navigationBarTitleText": "你的小程序名称",
    "navigationBarTextStyle":"black"//修改顶部文字颜色
  },
3、全局修改底部tabBar文字颜色与背景颜色
在app.json文件中找到tabBar
 
"tabBar": {
    "color": "#dbdbdb",//选中前文字颜色
    "selectedColor": "#1296db",//选中的文字颜色
    "borderStyle": "black",//边框颜色
    "backgroundColor": "#FFFFFF",//背景颜色
    "list": []  
  },