尘往风中吹 发表于 2015-10-28 10:47:04

ionic 头部布局问题

这个用ionic怎么做啊 ？

admin 发表于 2015-10-28 13:01:55

看看路由前面一讲的教程第三季的

尘往风中吹 发表于 2015-10-30 13:09:40

html:
<div class="bar bar-header bar-mbox">
    <div class="title">
      <ul class="control-group">
      <li class="active">本周</li>
      <li>本月</li>
      </ul>
    </div>
</div>

CSS:
.control-group {
margin: 0 auto;
text-align: center;
width: 140px;
height: 30px;
margin-top: 7px;
border-radius: 4px;
}

.control-group li {
float: left;
display: block;
width: 70px;
height: 30px;
line-height: 30px;
border-color: #fff;
padding: 0;

overflow: hidden;
text-align: center;
white-space: nowrap;
-webkit-box-flex: 1;
border-width: 1px;
border-style: solid;
}
.control-group li.active {
background: #fff;
color: #387EF5;
}
.control-group li:first-child {
border-radius: 4px 0 0 4px;}
.control-group li:last-child {
border-right-width: 1px;
border-radius: 0 4px 4px 0;
}
页: [1]
查看完整版本: ionic 头部布局问题