Used the tabs div. In browse and android is right but ios


#1

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>