微信小程序自定义顶部导航栏、自定义顶部背景颜色、自定义顶部文字_微信小程序自定义顶部文字

微信小程序自定义顶部导航栏、自定义顶部背景颜色、自定义顶部文字

全局定义

app.json

"window": {
    "navigationBarBackgroundColor": "#32A2FD",  // 顶部背景颜色
    "navigationBarTitleText": "123456",         // 顶部文字
    "navigationStyle": "default",               // 是否自定义导航栏,当"default"为"custom"时开启自定义头部导航栏选项
    "navigationBarTextStyle": "white",          // 顶部文字颜色 仅支持 white/black
    "enablePullDownRefresh": true,              // 开启下拉刷新, 在单个页面设置为"false",在使用页面会覆盖掉当前设置
    "backgroundTextStyle":"light"               // 下拉背景字体、loading 图的样式,仅支持 dark/light
},
1
2
3
4
5
6
7
8

单页面定义

index.json

{
  "usingComponents": {},
  "navigationBarTitleText":"123456",        // 顶部文字
  "navigationBarBackgroundColor":"#fff",    // 顶部背景颜色
  "navigationBarTextStyle":"black"          // 顶部文字颜色
}
1
2
3
4
5
6

更新中…