HybridAPP：AngularJS+Ionic+Cordova开发学习【三】添加Tab和图标
2018-01-09 16:52
447 查看
底部Tab只有3个，现在准备新添加一页，并设置图标
https://ionicframework.com/docs/ionicons/
1. 首先创建Setting页面组建。
我没有新建，而好似复制的src/pages下的home文件夹，把代码中home相关的改成setting，变OK了2. 设置新页面组建的全局声明
3. 在tabs.html和tabs.ts中添加新页面
4. OK，运行
5. 图标
可在如下地址中选择，然后在tabs.html中设置就可以了https://ionicframework.com/docs/ionicons/
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- HybridAPP：AngularJS+Ionic+Cordova开发学习【二】环境搭建
- HybridAPP：AngularJS+Ionic+Cordova开发学习【一】简单认识
- ionic+angularjs+cordova混合开发学习之路(前言)
- ionic+angularjs+cordova学习入门资料
- ionic+angularJS+iOS混合开发app的学习资料介绍和基本步骤（干货）（转）
- 搭建 AngularJS+Ionic+Cordova开发APP----- win10环境运行一个Ionic_demo
- 搭建 AngularJS+Ionic+Cordova 开发环境并运行一个demo
- Cordova+Angularjs+Ionic混合开发入门篇（三）—— Cordova插件的创建与安装
- 为Cordova + Ionic + AngularJS 应用添加微信分享功能
- 实践分享：开始用Cordova+Ionic+AngularJS开发App
- 实践分享：开始用Cordova+Ionic+AngularJS开发App
- Cordova+Angularjs+Ionic混合开发入门篇（五）—— 插件的发布
- H5开发：搭建 AngularJS+Ionic+Cordova 开发环境
- Hybrid App学习心得：cordova + ionic + angularjs
- Ionic+Angularjs+Cordova开发跨平台混合式移动应用
- WebApp开发框架Ionic+AngularJS+Cordova
- 搭建 AngularJS+Ionic+Cordova 开发环境并运行一个demo
- mac下 搭建Cordova+ionic+AngularJs开发环境
- Cordova+Angularjs+Ionic 混合开发入门讲解