小程序顶部导航,文字颜色设置

136 阅读1分钟

image.png


顶部导航,文字颜色设置
## [#](https://applet-base-api-t.itheima.net/docs-uni-shop/2.tabbar.html#_2-4-%E4%BF%AE%E6%94%B9%E5%AF%BC%E8%88%AA%E6%9D%A1%E7%9A%84%E6%A0%B7%E5%BC%8F%E6%95%88%E6%9E%9C)2.4 修改导航条的样式效果

1.  打开 `pages.json` 这个全局的配置文件

1.  修改 `globalStyle` 节点如下:

    ```
    {
      "globalStyle": {
        "navigationBarTextStyle": "white",
        "navigationBarTitleText": "小马优购",
        "navigationBarBackgroundColor": "#C00000",
        "backgroundColor": "#FFFFFF"
      }
    }
    ```