
第二步,引入ionic相关的CSS文件和JS文件,如下图所示:
第三步,在body插入div和a标签元素,并设置样式,如下图所示:
第四步,预览该静态页面,这时会看到四个Tabs标签,如下图所示:
第五步,再次设置Tabs样式,使每个Tabs样式不一样,如下图所示:
第六步,下面插入AngularJS相关的指令,ng-app、ng-controlle指令,如下图所示:
ionic 是一个专注于用WEB开发技术,基于HTML5创建类似于手机平台原生应用的一个开发框架。绑定了与AngularJS和Sass。这个框架的目的是从web的角度开发手机应用,基于PhoneGap的编译平台,可以实现编译成各个平台的应用程序。ionic的开发添加android和ios环境。
ionic提供很多css组件 和javascript UI库。
ionic可以支持定制android和ios的插件,也支持服务端REST的敏捷开发
END
ionic安装
1
将cordova和ionic包安装到全局环境中(可供命令行使用)
2
安装完成之后,进入你要创建项目的路径,就可以使用ionic创建项目了
END
启动
1
然后可以使用:ionic serve
该命令会自动启动流浏览器,查看当前效果。
模板效果
空白模板(Black app)
$ ionic start myApp blank
tabs模板
$ ionic start myApp tabs
3
sidemenu模板
$ ionic start myApp sidemenu
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)