当前位置：网站首页 >常见问题 > 微信小程序开发：微信小程序底部与顶部背景颜色文字颜色修改

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

作者：时间：2022-07-20 05:00

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": []  
  },

标签：微信小程序开发小程序开发

常见问题

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

为您推荐