Used the tabs div. In browse and android is right but ios.
The picture is error and there are a space line between the tabs and the row.
The picture is right and there no any space line between the tabs and the row.
The below is soucecode:
<div class="list has-header has-tabs" ng-show="selectedIndex == 3">
<div class="row" style="border-bottom: 1px;background-color: #fafafa">
<div class="col col-33" style="text-align:center;"
ng-click="toggleGroup(1)"
ng-class="{active: isGroupShown(1)}">
培训类型
<i class="icon" ng-class="isGroupShown(1) ? 'ion-ios7-arrow-up' : 'ion-ios7-arrow-down'"></i>
</div>
<div class="col col-33" style="text-align:center;"
ng-click="toggleGroup(2)"
ng-class="{active: isGroupShown(2)}">
适合年龄
<i class="icon" ng-class="isGroupShown(2) ? 'ion-ios7-arrow-up' : 'ion-ios7-arrow-down'"></i>
</div>
<div class="col col-33" style="text-align:center;"
ng-click="toggleGroup(3)"
ng-class="{active: isGroupShown(3)}">
培训地点
<i class="icon" ng-class="isGroupShown(3) ? 'ion-ios7-arrow-up' : 'ion-ios7-arrow-down'"></i>
</div>
</div>
<ion-item class="item-accordion" style="padding: 0px" ng-show="isGroupShown(1)">
<div class="button-bar">
<a class="button button-clear button-positive" style="font-size: 12px;text-align: center" ng-click="setType(1)">亲子早教</a>
<a class="button button-clear button-positive" style="font-size: 12px;text-align: center" ng-click="setType(2)">潜能开发</a>
<a class="button button-clear button-positive" style="font-size: 12px;text-align: center" ng-click="setType(3)">兴趣教育</a>
<a class="button button-clear button-positive" style="font-size: 12px;text-align: center" ng-click="setType(4)">学科教育</a>
</div>
</ion-item>
<ion-item class="item-accordion" style="padding: 0px" ng-show="isGroupShown(2)">
<div class="button-bar">
<a class="button button-clear button-positive" style="font-size: 12px;text-align: center" ng-click="setAge(1)">1-2岁</a>
<a class="button button-clear button-positive" style="font-size: 12px;text-align: center" ng-click="setAge(2)">3-5岁</a>
<a class="button button-clear button-positive" style="font-size: 12px;text-align: center" ng-click="setAge(3)">6岁以上</a>
</div>
</ion-item>
<ion-item class="item-accordion" style="padding: 0px" ng-show="isGroupShown(3)">
<div class="button-bar">
<a class="button button-clear button-positive" style="font-size: 12px;text-align: center" ng-click="setMax(1)">离我最近</a>
<a class="button button-clear button-positive" style="font-size: 12px;text-align: center" ng-click="setMax(2)">人气最高</a>
<a class="button button-clear button-positive" style="font-size: 12px;text-align: center" ng-click="setMax(3)">最新发布</a>
</div>
</ion-item>
<div class="list">
<div class="card" ng-repeat="recommend in recommendList" ng-show="recommendList.length > 0">
<div class="item" style="padding: 10px;background-color: #f8f8f8">
<div class="item-text-wrap" style="text-align: center"><b>{{recommend.site}}</b></div>
<div class="row" style="padding: 0px;">
<div class="col col-33" style="text-align: left;font-size: 12px;padding: 0px;color: #999999">适合{{recommend.beginage}}至{{recommend.endage == 0 ? '以上儿童': recommend.endage + '岁儿童'}}学习{{recommend.traintype}}</div>
<div class="col col-67" style="text-align: right;font-size: 12px;padding: 0px;color: #999999">{{recommend.address}}</div>
</div>
</div>
<div class="item item-image" ng-click="openRecommendModal(recommend)">
<img ng-src="{{recommend.headpicture}}" class="full-image">
</div>
<div class="row" style="font-size: 13px;text-align:center;padding-top: 3px;">
<a class="col col-33 align-h-center" href="#">
<i class="icon ion-share positive" style="font-size: 14px"> 分享 {{recommend.praisenum}}</i>
</a>
<a class="col col-33 align-h-center" href="#">
<i class="icon ion-ios7-heart assertive" style="font-size: 14px;"> 点赞 {{recommend.praisenum}}</i>
</a>
<a class="col col-33 align-h-center" href="#">
<i class="icon ion-chatbox-working balanced" style="font-size: 14px"> 回复 {{recommend.replynum}}</i>
</a>
</div>
</div>
</div>
</div>
</ion-content>
<div class="tabs-striped tabs-top tabs-background-stable tabs-color-assertive">
<div class="tabs">
<a ng-class="{true: 'tab-item active', false: 'tab-item'}[selectedIndex == 1]" ng-click="startApp(1)">
同城圈
</a>
<a ng-class="{true: 'tab-item active', false: 'tab-item'}[selectedIndex == 2]" ng-click="startApp(2)">
精华
</a>
<a ng-class="{true: 'tab-item active', false: 'tab-item'}[selectedIndex == 3]" ng-click="startApp(3)">
推荐
</a>
</div>
</div>