很多童鞋在使用ionic2的时候发现,如果要修改导航栏的颜色变得十分煎熬,下面我就为大家提供一个比较方便修改navbar颜色的方法,其实很简单啦,请看下面
1.打开目录 src->theme->variables.scss
2.找到 $colors 并添加自定义颜色 如:majorcl: #E64239 如下:
$colors: (
primary: #387ef5,
secondary: #32db64,
danger: #f53d3d,
light: #f4f4f4,
dark: #222,
clear: transparent,
majorcl: #E64239
);
3.在需要修改导航栏颜色的ion-navbar 添加color即可 如下:
<ion-header>
<ion-navbar color="majorcl">
<ion-title>首页</ion-title>
</ion-navbar>
</ion-header>