带有标签图标顶部标签顶部的离子标签在Android& IOS

时间:2015-03-29 12:58:05

标签: angularjs ionic-framework ionic

我在Android和IOS上制作热门标签时遇到了麻烦。

这里是我使用的代码:

<ion-tabs class="tabs-balanced tabs-icon-top" >

网络浏览器(Chrome或Firefox)上的结果很好。 但是构建后IOS或Android上的结果是不同的(内容位于选项卡后面,选项卡被导航栏切断)

任何人都有同样的问题?有什么办法解决吗?

1 个答案:

答案 0 :(得分:1)

如果您使用的是上一个版本1.0.0-rc.x,请尝试在$ionicConfigProvider

中定义标签位置
 $ionicConfigProvider.tabs.position("top");  

请参阅 Codepan

中的演示

我认为它来自于默认情况下,Android在iOS - 底部使用顶部标签时的方法,以及为了更好的可用性,他们(Ionic)切换到此实现。