ionic tab(选项卡) 是水平排列的按钮或者链接,用以页面间导航的切换.它可以包含文字和图标的组合,是一种移动设备上流行的导航方法. 1.基本用法 以下选项卡容器使用了 tabs 类,每个选项卡使用 tab-item 类.默认情况下,选项卡是文本的,并没有图标. <div class="tabs"> <a class="tab-item"> 主页 </a> <a class="tab-item"&g…

http://blog.csdn.net/onil_chen/article/details/51758696?appinstall=0 今天好好的跟大家讲讲ionic的路由配置. 问到的朋友有点多,因为这个内容比较多,所以我一直想等我多了解一些再出关于路由的教程. 但是有些很简单的也有朋友不理解,所以我就提前出了这篇教程. 希望能对大家有点帮助,关于我遗漏的部分,后面再发教程补充吧. 但是基本的内容,简单的应用,应该这篇教程里面都会提到了. 首先我们还是从tabs类型的新建项目来学习(这个项目…

ylbtech-ionic-CSS:ionic tab(选项卡) 1.返回顶部 1. ionic tab(选项卡) ionic tab(选项卡) 是水平排列的按钮或者链接,用以页面间导航的切换.它可以包含文字和图标的组合,是一种移动设备上流行的导航方法. 以下选项卡容器使用了 tabs 类,每个选项卡使用 tab-item 类.默认情况下,选项卡是文本的,并没有图标. 实例 <div class="tabs"> <a class="tab-item"…

ionic ionic是一个强大的混合式/hybridHTML5移动开发框架,特点是使用标准的HTML. CSS和JavaScript,开发跨平台(目前支持:Android.iOS,计划支持:Windows Phone.Firefox OS) 的原生App应用: ionic主要包括三个部分: CSS框架 - 提供原生App质感的CSS样式模拟.ionic这部分的实现使用了ionicons图标样式库. JavaScript框架 - ionic基于AngularJS基础框架开发,遵循AngularJ…

ionic安装 Ionic开发是依赖于Nodejs环境的,所以在开发之前我们需要安装好Nodejs.下载安装:http://nodejs.org/安装完成之后打开PowerShell输入命令node -v和npm -v验证是否安装成功,如果返回版本号则说明成功.在PowerShell命令行中执行: npm install -g cordova ionic 这是使用npm包管理器安装cordova和ionic,-g的意思是全局安装,全局安装后在PowerShell中任何目录下都可以使用cordov…

原文发表于我的技术博客 本文是「Ionic 入门与实战」系列连载的第三章,主要对 Ionic 的项目结构作了介绍,并讲解了Ionic 中的路由概念以及相关配置. 原文发表于我的技术博客 1. Ionic 项目结构 这是初始化创建的 Ionic 项目结构,接下来将一一讲解. 因为 Ionic 使用了 Cordova 技术,所以项目的文件架构基本和 Cordova 的项目类似. 1.1 app 文件夹 项目文件夹,后续的代码编写都将在这里进行,因为使用的语言就是 HTML5/CSS(Sass)/Ja…

原文发表于我的技术博客 本文是「Ionic 入门与实战」系列连载的第二章第二节,主要对 Ionic Lab 工具作了介绍,并讲解了其使用方法,这也是一个开发 Ionic 比较好的调试工具. 原文发表于我的技术博客 Ionic Lab 是 Ionic 发布的一个可视化.跨平台的项目管理工具,可以创建.测试.编译.发布 Ionic 项目. 1. App 创建 这里的创建功能就是类似于之前的 Ionic 的命令:ionic start. 可以选择需要使用的模板进行创建,并且可以选择是否使用 Sass…

原文发表于我的技术博客 本文是「Ionic 入门与实战」系列连载的第一章,主要对 Ionic 的概念.发展历程.适配的移动平台等知识进行了介绍,并分享了 Ionic 相关的学习资源. 原文发表于我的技术博客 1. Ionic 简介 在前端技术发展越来越快的今天,Hybrid App 开发技术也受到了很大的影响.Ionic 在 2013 年发布第一个版本,目前已经发布到了 2.0 Beta 6 (2016/04/25),是一个比较成熟,也是发展比较快的一个 Hybrid App 开发框架. 1.1…

原文发表于我的技术博客 本文是「Ionic 入门与实战」系列连载的第二章第一节,主要对 Ionic 的开发环境配置做了简要的介绍,本文介绍的开发环境为 Mac 系统,Windows 系统基本类似,少许差别请查阅相关文档即可. 原文发表于我的技术博客 1. Ionic 环境的安装 1.1 Node.js 与 npm 介绍 Node.js 与 npm 是 Ionic 环境的基础,这里我们做一下简要介绍. Node.js 是基于 Chrome's V8 JavaScript engine 构建的一个J…

一.ionic卸载 1.清除旧版本的ionic框架 npm uninstall -g ionic npm uninstall -g cordova npm cache clear npm cache clean 2.确定ionic具有哪些可以创建的模板 ionic start --list 二.ionic安装 1.npm安装 sudo apt-get install npm 由于墙的问题,可能会出现问题 2.nodejs安装 sudo apt-get install nodejs 3.cordo…