为了账号安全,请及时绑定邮箱和手机立即绑定

如何利用ionic框架设置头部header样式

/ 猿问

如何利用ionic框架设置头部header样式

守候你守候我 2019-02-26 17:17:14

如何利用ionic框架设置头部header样式


查看完整描述

2 回答

?
慕尼黑8549860

第一步,在创建好的静态页面header.html,引入相关的JS和CSS文件(ionic和AngularJS),并修改title里内容

第二步,在静态标签元素body主体内插入div标签,并设置样式class为bar、bar-header、bar-assertive

第三步,保存上述代码后,在浏览器中预览页面,这时页面展示一个含有“头部标题一”字样的红色背景框

第四步,按照步骤二的操作,在上述代码后插入设置样式为bar-balanced,并设置标题样式为title-left

第五步,预览步骤四中代码效果,会看到一个绿色背景含有“头部标题二”字样的框框

第六步,接着再次插入代码,样式class中含为bar-calm,设置完毕保存后预览页面

查看完整回答
反对 2019-03-02
?
慕的地8271018

ionic如果你使用tabs为abstract的话,默认是缓存页面的,可以在state里面设置禁用缓存:cache: false

查看完整回答
反对 2019-03-02
  • 2 回答
  • 0 关注
  • 483 浏览

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信