温泉工具栏背景颜色不变

Question

我正在使用一个页面作为右侧菜单，但它在显示第一页的背景的工具栏，然后才更改为其他。那么可以做什么？

Answer 1

您可以更改导航颜色，如下所示：

page1.html

<ons-page>

  <ons-toolbar style="background: #4CD964;">
    <div class="center" style="color: #FF0000" >Navigator</div>
  </ons-toolbar>

  ...

</ons-page>

Answer 2

您可以使用以下方式更改导航栏背景的颜色：

.navigation-bar {
  height: 50px;
  background-color: #f00;
}

上面的文字：

<div class="center" style="font-size:25px; color:#fff;">HOME</div>

您还可以更改图标的颜色：

<ons-icon icon="bars" style="color:#fff;"></ons-icon>