【微信小程序开发】顶部导航栏样式相关设置

王佳亮

一、app.json内容
{
  "pages":[
    "pages/index/index",
    "pages/login/login",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"red",
    "navigationBarBackgroundColor": "#000",
    "navigationBarTitleText": "蜜聊读书",
    "navigationBarTextStyle":"#fff"
  }
}

二、window中的样式说明

1、navigationBarBackgroundColor  导航栏背景颜色,如”#000000”
2、navigationBarTextStyle  导航栏标题颜色, black/white
3、navigationBarTitleText   导航栏标题文字内容
4、backgroundColor  窗口的背景色
5、backgroundTextStyle  下拉背景字体、loading 图的样式, dark/light
6、enablePullDownRefresh   是否开启下拉刷新  false/true

2018-02-24 3211 views


Home