ionic的tabs

Posted 温温婉婉

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ionic的tabs相关的知识,希望对你有一定的参考价值。

<ion-tabs class="tabs-icon-top/bottom(决定这个tabs是置于上面还是底部)  tabs-color-active-positive(图标与字体色) tabs-balanced(选项卡总的一横栏背景色)" >

       <ion-tab title="tab1(tab上显示tab文字)"  icon-on="点击时出现的图标"  icon-off="取消点击时出现的图标" href="#/tab/tab1(点击后需要         跳转的路径)">

      </ion-tab>

</ion-tabs>

 

PS :

1.在 tabs 类后添加 tabs-icon-only 类可设置只显示图标选项卡。

2.在tabs行 添加tabs-striped 可在tab上添加一横的效果

 

以上是关于ionic的tabs的主要内容,如果未能解决你的问题,请参考以下文章

[转]ionic tab view hide tab bar

Ionic:如何实现登录页面跳转至Tabs页面

ionic tab导航在android 真机测试中 导航在顶部解决办法

Ionic Tabs

ionic的tabs

Android:使用Tab检测单个片段viewpager