Question

我今天刚刚开始使用离子v2，我正在尝试为我的应用设置颜色以符合我的偏好。虽然玩颜色变量给了一些颜色，我找不到如何为每个导航栏着色我的偏好，虽然我可以单独着色。为了给所有导航栏提供相同的颜色，我应该访问哪些变量？

提前致谢。

Answer 1

这是全局唯一的sigle类可以在全局范围内更改工具栏颜色。

.toolbar-background{
     background-color: "color you want to give" !important;
}

或者您可以单独为每个平台做

 .toolbar-wp-themecolor .toolbar-background-wp{

}
.toolbar-md-themecolor .toolbar-background-md{

}
.toolbar-ios-themecolor .toolbar-background-ios{

}

或者如果您想使用全局颜色变量进行控制，那么对于您可以使用的每个页面，如

<ion-header>

  <ion-navbar color="themecolor">
    <ion-title>Notifications</ion-title>
  </ion-navbar>

</ion-header>

其中themecolor可以在variable.scss中定义

$colors: (
  primary:    #387ef5,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222,
  white: #ffffff,
  themecolor: #574D70
);

Ionic2导航栏全球着色

1 个答案: