很多童鞋在使用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>
以上仅供参考
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。