ionic2 中自定义navbar颜色

很多童鞋在使用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即可 如下:

  
    首页
  

以上仅供参考

你可能感兴趣的:(ionic2 中自定义navbar颜色)