Question

我在更改基准色时遇到一些问题这是我的代码

import {ViewChild} from '@angular/core';
@ViewChild('c') checkbox;

// when needed 
//this.checkbox.value

我想为<ion-header > <ion-navbar color="base_color"> <button ion-button menuToggle> <ion-icon name="menu"></ion-icon> </button> <ion-title> {{ company_name }} </ion-title> </ion-navbar> </ion-header>的示例颜色代码赋值：base_color 但它不起作用。 #BA5B0D来自.ts文件我的base_color 请任何人都可以帮助我谢谢您的帮助

Answer 1

您可以在ionic中覆盖scss变量

导航到 src->主题-> varaiables.scss文件

默认情况下，您可以找到 $ colors 变量

您可以添加自己的自定义颜色

$colors: (
  primary:    #488aff,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222,
  basecolor:  #BA5B0D // add your own color here
);

您可以在各种组件中使用此颜色

<ion-header >
  <ion-navbar color="basecolor">
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title> {{ company_name }} </ion-title>
  </ion-navbar>
</ion-header>

检查doc以获得更多信息

离子框架变色导航栏

1 个答案: