Ionic默认的Tabs模板使用实例

Ionic 默认的Tabs 模板，Android的在上方，IOS的在下方。在www/js/app.js修改配置，添加一个变量，再修改相应属性：

.config（function（$stateProvider, $urlRouterProvider, $ionicConfigProvider） {$ionicConfigProvider.platform.ios.tabs.style（"standard"）;$ionicConfigProvider.platform.ios.tabs.position（"bottom"）; $ionicConfigProvider.platform.android.tabs.style（"standard"）; $ionicConfigProvider.platform.android.tabs.position（"bottom"）; $ionicConfigProvider.platform.ios.navBar.alignTitle（"center"）;$ionicConfigProvider.platform.android.navBar.alignTitle（"left"）; $ionicConfigProvider.platform.ios.backButton.previousTitleText（""）.icon（"ion-ios-arrow-thin-left"）; $ionicConfigProvider.platform.android.backButton.previousTitleText（""）.icon（"ion-android-arrow-back"）;$ionicConfigProvider.platform.ios.views.transition（"ios"）;$ionicConfigProvider.platform.android.views.transition（"android"）;

然后再在Android平台上调试 Tabs就在下面了并且别的组件工作也正常

特别注意
Cordova的配置一定要正确尤其是Android ADT
Visual Studio 默认是不配置的
具体参考这篇文章
复制代码代码如下:"）.addClass（"pre-numbering"）.hide（）; （（this）.addClass（"has-numbering"）.parent（）.append（）numbering）; for （i = 1; i <= lines; i++） { （numbering.append（）（"
"）.text（i））; }; $numbering.fadeIn（1700）; }）; }）;
以上就介绍了Ionic Tabs，包括了ionic,tabs方面的内容，希望对IOS开发有兴趣的朋友有所帮助。