目的
由于项目中将会使用Tab进行布局,所以学习使用Tab进行布局
创建带Tab的项目
输入命令ionic start TabApp tabs --cordova
待项目创建完毕后运行项目
ionic serve
运行起来如下所示
项目运行示意图
可以看到创建了一个带底部Tab的项目,有Home, About, Contact 3个页面,进入项目后发现Page下有如下4个页面:
Pages目录
其中Home, About, Contact对应3个Tab项,Tabs则是进行管理。
由于项目中将会使用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的使用
本文链接:https://www.haomeiwen.com/subject/nhcugftx.html
网友评论