如何利用ionic框架设置头部header样式
展开全部
第一步，在创建好的静态页面header.html，引入相关的JS和CSS文件（ionic和AngularJS），并修改title里内容
第二步，在静态标签元素body主体内插入div标签，并设置样式class为bar、bar-header、bar-assertive
第三步，保存上述代码后，在浏览器中预览页面，这时页面展示一个含有“头部标题一”字样的红色背景框
第四步，按照步骤二的操作，在上述代码后插入设置样式为bar-balanced，并设置标题样式为title-left
第五步，预览步骤四中代码效果，会看到一个绿色背景含有“头部标题二”字样的框框
第六步，接着再次插入代码，样式class中含为bar-calm，设置完毕保存后预览页面
第二步，在静态标签元素body主体内插入div标签，并设置样式class为bar、bar-header、bar-assertive
第三步，保存上述代码后，在浏览器中预览页面，这时页面展示一个含有“头部标题一”字样的红色背景框
第四步，按照步骤二的操作，在上述代码后插入设置样式为bar-balanced，并设置标题样式为title-left
第五步，预览步骤四中代码效果，会看到一个绿色背景含有“头部标题二”字样的框框
第六步，接着再次插入代码，样式class中含为bar-calm，设置完毕保存后预览页面
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
