Ionic调研(二)——Ionic Tab的使用

目的

由于项目中将会使用Tab进行布局,所以学习使用Tab进行布局

创建带Tab的项目

输入命令ionic start TabApp tabs --cordova

待项目创建完毕后运行项目

ionic serve

运行起来如下所示

项目运行示意图

可以看到创建了一个带底部Tab的项目,有Home, About, Contact 3个页面,进入项目后发现Page下有如下4个页面:

Pages目录

其中Home, About, Contact对应3个Tab项,Tabs则是进行管理。

你可能感兴趣的:(Ionic调研(二)——Ionic Tab的使用)