bom, na aula foi explicado porque a lista estava sendo encoberta pela cabeçalho, e como resolver isso, porém abaixo do cabeçalho quero colocar tabs, e abaixo das tabs uma lista, porém as tabs estão encobrindo a lista e não sei como resolver, coloquei as tavs no index, na view, dentro da tag content, fora da tag content, mas não consigo resolver o problema.
essa é a marcação das tabs
<div class="tabs tabs-top tabs-positive tabs-color-light">
<a class="tab-item">
<i class="icon ion-home"></i>
Home
</a>
<a class="tab-item">
<i class="icon ion-star"></i>
Favorites
</a>
<a class="tab-item">
<i class="icon ion-gear-a"></i>
Settings
</a>
</div>
Essa é a marcação do index :
<body ng-app="starter" ng-controller="artigosController">
<ion-pane>
<ion-nav-view>
<ion-nav-bar></ion-nav-bar>
</ion-nav-view>
</ion-pane>
</body>
Essa é a view
<ion-view title="Title">
<ion-nav-title>App</ion-nav-title>
<ion-content>
<ion-list>
<ion-item ng-repeat="artigo in listaDeArtigos">
{{artigo}}
</ion-item>
</ion-list>
</ion-content>
</ion-view>
enfim, quero adicionar a marcação das tabs, de forma que ela fique abaixo do cabeçalho e não encubra a lista, sendo também que essa marcação das tabs estará em todas as views. alguém pode me ajudar ?