关于IONIC框架初认识

标签：

新进击的菜鸟程序猿

首先就是配置环境咯，下载node.js,安装淘宝镜像

在 cmd命令大全输入cnpm init        cnpm install  gulp --save-dev    cnpm instal gulp-webserver --save-dev

开启本地服务gulp webserve   

当然前提是你先把大概的文件都构架好  css  js (controllers  services) view文件夹  lib这个直接放进去用   gulp.js拦截服务请求的

直接利用tabs直接切换页面。

<ion-nav-bar class="bar-dark" >
<ion-nav-back-button></ion-nav-back-button>
</ion-nav-bar>

<ion-tabs class="tabs-icon-top">
<ion-tab title="东风" href="url" icon-on="ion-ios-chatbubble" icon-off="ion-ios-chatbubble-outline">
<ion-nav-view name="">

</ion-nav-view>
</ion-tab>
<ion-tab title="南风" href="url" icon-on="ion-ios-people" icon-off="ion-ios-people-outline">
<ion-nav-view name="">

</ion-nav-view>
</ion-tab>
<ion-tab title="西风" href="url" icon-on="ion-ios-timer" icon-off="ion-ios-timer-outline">
<ion-nav-view name="">

</ion-nav-view>
</ion-tab>
<ion-tab title="北风" href="url" icon-on="ion-ios-person" icon-off="ion-ios-person-outline">
<ion-nav-view name="">

</ion-nav-view>
</ion-tab>
</ion-tabs>

自由切换页面，然后就是没个页面的构造咯

一般老说主页面就是上面是轮播。然后收列标题。上拉加载，下拉刷新，这些都是相对应的API，很方便

关于IONIC框架初认识

标签：

原文地址：http://www.cnblogs.com/songqz/p/5690551.html