Question

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

Answer 1

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

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

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

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

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

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