如何更改离子2中离子头的背景颜色？\[重复\]

css CSS

Near理查德

2020-03-27

如何更改标题颜色？我在下面尝试过但没有成功

 <ion-header>
  <ion-navbar danger>
    <ion-title>TITLE</ion-title>
  </ion-navbar>
</ion-header>

我的variable.scss是：

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

第3796篇《如何更改离子2中离子头的背景颜色？\[重复\]》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共4个回答
乐 2020.03.27 
 <ion-header>
  <ion-navbar color="color3">
    <ion-title></ion-title>
  </ion-navbar> 
</ion-header>

您可以在src / theme / variable.scss中设置自定义颜色，如下所示：

$colors: (
  primary:    #8B4789,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222,
  color1: #15c178,
  color2: #8B4789,
  color3 : #07904d,
  color4: #673665,
  brown: #B75E33,
  ycBlue: #638AF1
);

我希望这对你有用

Tony西门古一 2020.03.27

像这样设置颜色：

<ion-header>
  <ion-navbar color="danger">
    <ion-title>TITLE</ion-title>
  </ion-navbar>
</ion-header>
Tom凯 2020.03.27

如果要variables.scss在主题文件夹下/下进行更改，可以全局进行更改：

$toolbar-background: blue;

对于所有要覆盖的参考Ionic SASS变量，请点击此链接

Tom凯 2020.03.27

检查官方文档。有一个color从$colors地图上获取钥匙的属性。

<ion-header>
  <ion-navbar color="danger">
    <ion-title>TITLE</ion-title>
  </ion-navbar>
</ion-header>

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android