ionic 中 .bar 将元素声明为屏幕上绝对定位的块状区域，具有 固定的高度（44px） ...
作者:本站编辑 发布时间:2015-11-24 来源:本站原创
点击数:
定高条块：.bar
样式.bar将元素声明为屏幕上绝对定位的块状区域，具有 固定的高度（44px）：
<any class="bar">...</any>
一旦元素应用了.bar样式，就可以继续选用两类预定义样式来进一步 声明元素及其内容的外观：
同级样式 - 同级样式与.bar应用在同一元素上，声明元素的位置、配色等。
下级样式 - 下级样式只能应用在.bar的子元素上，声明子元素的大小等特征。
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
<link rel="stylesheet" type="text/css" href="ionic.min.css">
</head>
<body>
<div class="bar bar-header bar-positive">
<h1 class="title">.bar .bar-header</h1>
</div>
<div class="bar ez-bar bar-calm">
<h1 class="title">.bar .ez-bar</h1>
</div>
<div class="bar bar-footer bar-royal">
<h1 class="title">.bar .bar-footer</h1>
</div>
</body>
</html>