Ionic默认的Tabs模板使用实例

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.previousTitleycVxJAText('').icon('ion-iohttp://s-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开发有兴趣的朋友有所帮助。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。