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

主演:
导演:
分类: 常见问题
地区:
年份:
更新时间：2022-07-20
简介: 1、单个页面修改顶部背景颜色与文字颜色{ "usingComponents": {}, "navigationBarBackgroundColor": "#17abe3",//背景颜色 "na...

扫描二维码打开

极速一

内容介绍 发表评论

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

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

极速一

内容介绍 发表评论

猜你喜欢

内容介绍发表评论