ionic中tabs已经设为tabs-top，为什么还是离顶部这么远？

Question

效果如图展示，也不知道什么原因，已经搜索了各种可能，爱是没找到问题，求大神帮忙！
这个是tabs内套了一个tabs
下面tabs的代码为：

<ion-tabs class="tabs-icon-top tabs-color-active-positive" cache-view="false">
    <ion-tab title="计划" icon-on="ion-ios-compose" icon-off="ion-ios-compose-outline" ui-sref="tab.setPlan">
        <ion-nav-view animation="slide-left-right" name="tab-setPlan"></ion-nav-view>
    </ion-tab>
    <ion-tab title="考拉营地" icon-on="ion-ios-people" icon-off="ion-ios-people-outline" ui-sref="tab.koalaCamp">
        <ion-nav-view animation="slide-left-right" name="tab-koalaCamp"></ion-nav-view>
    </ion-tab>
    <ion-tab title="个人中心" icon-on="ion-ios-person" icon-off="ion-ios-person-outline" ui-sref="tab.personalCenter">
        <ion-nav-view animation="slide-left-right" name="tab-personalCenter"></ion-nav-view>
    </ion-tab>
    <ion-tab title="饮食" icon-on="ion-ios-nutrition" icon-off="ion-ios-nutrition-outline" href="#/tab/diet">
        <ion-nav-view animation="slide-left-right" name="tab-diet"></ion-nav-view>
    </ion-tab>
    <ion-tab title="发现" icon-on="ion-ios-more" icon-off="ion-ios-more-outline" ui-sref="tab.find">
        <ion-nav-view animation="slide-left-right" name="tab-find"></ion-nav-view>
    </ion-tab>
</ion-tabs> 

接着里面套的tabs代码为：

<ion-tabs class="tabs-top tabs-striped tabs-background-positive tabs-color-light" cache-view="false">
    <ion-tab title="话吧" ui-sref="tab.koalaCamp.talkBar">
        <ion-nav-view name="tab-koalaCamp-talkBar"></ion-nav-view>
    </ion-tab>
    <ion-tab title="圈子" ui-sref="tab.koalaCamp.circle">
        <ion-nav-view name="tab-koalaCamp-circle"></ion-nav-view>
    </ion-tab>
</ion-tabs> 

Answer 1

解决了没有啊 ？我偶偶会有这个情况。