文档章节

ionic修改全局header

你我青春时
 你我青春时
发布于 2017/08/28 16:45
字数 71
阅读 29
收藏 0
点赞 0
评论 0

新建ionic项目后,index.html文件如下:

 <ion-nav-bar class="bar-stable">
      <ion-nav-back-button>
    
      </ion-nav-back-button>
    </ion-nav-bar>

修改class即可改变颜色

下面列出9种颜色代码如下:

光色:bar-light

灰色:bar-stable

深蓝:bar-positive

浅蓝:bar-calm

绿色:bar-balanced

黄色:bar-energized

红色:bar-assertive

紫色:bar-royal

黑色:bar-dark

© 著作权归作者所有

共有 人打赏支持
你我青春时
粉丝 1
博文 20
码字总数 2690
作品 0
武汉
后端工程师
使用 Angular2 和 Ionic3 开发 iOS 应用

使用 Angular2 和 Ionic3 开发 iOS 应用 虞 里杉 2018 年 1 月 10 日发布 从 Angular1 到 Angular2 Angular2 作为著名前端 MVVM 架构 Angular1 的继承者,从一定程度上说,引领了新一代 Web ...

虞 里杉
01/10
0
0
ionic教程之基本布局

目录: 简介 Hybrid vs. Others ionic CSS框架 基本布局 布局模式 定高条块:.bar .bar : 位置 .bar : 嵌入子元素 .bar : 嵌入input 内容:.content和.scroll-content Hybrid vs. Others 要开...

汇智网
2017/09/18
0
0
Ionic系列——CodePen上的优秀Ionic_Demo

案例网站 Slidebox with Dynamic Slides Ionic UL search example Ionic Accordian ion-affix performance demo (就是这个栏目下的标题一直显示在最上面) Button Bar as Top Tabs FAB Men......

龙马行空
2015/10/08
29.3K
8
ionic css 自定义样式

例子 <ion-item class="item-complex"> 标签执行后会自动增加一个<a class="item-content"> class="item-content" 的定义在ionic.css 中, 展开后的样式可通过chrome的开发者工具查看 若想自定......

黑狗007
2015/10/17
2.3K
1
ionic2 调用自定义插件之研究

cordova机制我在此就不提了,我们使用Typescript调用cordova plugin就如同调用第三方库是一个道理,那么这里就少不了书写declare文件,下面我就把几种封装调用的几种方式介绍一下。 方式一,...

赵_俊明
2016/09/05
2.1K
7
ionic 1.0.0-rc.2 发布, HTML5 移动应用框架

ionic 1.0.0-rc.2 发布, 此版本主要修复以下错误: activator: adds activated class to buttons in nav-bar and header-bars (36df5086, closes#3348) keyboard: enable keyboard accessor......

oschina
2015/03/31
2.1K
7
关于ionic的schema

ionic也是支持 schema 的,可以设置schema name,被其他app调用打开,也同样可以通过这个办法打开其他app,一般都是使用cordova的这个插件 https://github.com/EddyVerbruggen/Custom-URL-s...

kongzong
2016/11/18
33
0
理解ionic2 + angular2开发方案

  看了下ionic2的官方文档,做了简单的分析理解。 1. 安装使用   ionic2的安装运行基本和前版本的ionic基本一致,非常简单。 当然这里需要保证你的开发环境SDK已经安装成功了,例如Andro...

ouven
2016/09/20
1K
0
初始前端接触angular.js+ionic框架,我这样做好吗?

问题:angular.js+ionic框架,要适应不同手机头部与内容的高度 之前没有接触过angular.js,认为这个框架Vue一样,上手还比较简单,后来,在实际的工作当中,我才明白自己想的太简单了。 第一...

迷茫的飞行猪
2017/07/21
0
0
ionic2+angular2中踩的那些坑

好久没写什么东西了,最近在做一个ionic2的小东西,遇到了不少问题,也记录一下,避免后来的同学走弯路。 之前写过一篇使用VS2015开发ionic1的文章,但自己还没摸清门道,本来也是感兴趣就学...

jason_wu_2
2016/11/04
193
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

zk实战--rpc框架集群化

在看此篇内容时需要浏览下面内容 netty实战--手写rpc框架 前文功能简介以及功能扩充 利用netty来实现一个点对点的rpc调用。客户端和服务端都是靠手写地址进行socket同学的,无法1对多,也无法...

xpbob
16分钟前
8
0
springboot 发送邮件

获取授权码 添加配置 # 账号和密码spring.mail.username=aaa@qq.comspring.mail.password=bbb# 服务器地址spring.mail.host=smtp.qq.comspring.mail.properties.mail.smtp.ssl.en...

阿豪boy
16分钟前
0
0
如何使用GNU Ring?

文章名:如何使用GNU Ring? 作者:冰焰火灵X 1079092922@qq.com 文章许可:CC BY-SA 4.0 ##1. 安装 下载GNU Ring 点击左边选择你的系统版本(这里以 GNU/Linux 为例,我使用的是Mint 18.3)...

ICE冰焰火灵X
19分钟前
1
0
深入理解springMVC

什么是spring MVC Spring MVC属于SpringFrameWork的后续产品,已经融合在Spring Web Flow里面。Spring 框架提供了构建 Web 应用程序的全功能 MVC 模块。使用 Spring 可插入的 MVC 架构,从而...

Java填坑之路
25分钟前
1
0
《射雕英雄传》书摘

1. 我虽是个飘泊江湖的贫家女子,可不是低三下四、不知自爱之人。你如真心爱我,须当敬我重我。我此生决无别念,就是钢刀架颈,也决意跟定了你。将来……将来如有洞房花烛之日,自然……自能...

k91191
35分钟前
0
0
解决:modal中datePicker 选中时,会触发modal的hidden.bs.modal事件

最近项目中发现了一个bug,具体表现为选中模态框上datepicker组件上的日期时,会触发模态框的关闭事件,导致数据编辑无法正常进行。网上搜索了下,解决方法如下: $('.datepicker').on('hid...

Funcy1122
39分钟前
0
0
Redis分布式锁的正确实现方式

前言 分布式锁一般有三种实现方式: 1.数据库乐观锁 2.基于Redis的分布式锁; 3.基于Zookeeper的分布式锁。本篇博客将介绍第二种方式,基于Redis实现分布式锁。虽然网上已经有各种介绍Redis...

大海201506
今天
1
0
ClassNotFoundException: javax.el.ELManager

这个是因为tomcat7中的el-api2.2,有些版本太低,建议升级tomcat到8.0,利用el-api3.0就会解决这个问题。

无语年华
今天
0
0
Jvm堆内存的划分结构和优化,垃圾回收详解(详细解答篇)

在JVM中堆空间划分如下图所示 上图中,刻画了Java程序运行时的堆空间,可以简述成如下2条 1.JVM中堆空间可以分成三个大区,新生代、老年代、永久代 2.新生代可以划分为三个区,Eden区,两个幸...

嘻哈开发者
今天
1
0
CentOS 7.4 设置系统字符编码

1.语言变量LANG在 /etc/locale 文件中。 2.可以通过/ect/profile 来修改LC_TYPE 变量的值 添加如下代码 export LC_ALL="zh_CN.GBK" export LANG="zh_CN.GBK" 到profile文件中,变量的可以修改...

qimh
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部