$ionicLoading 是 ionic 默认的一个加载交互效果。里面的内容也是可以在模板里面修改。 用法 方法 显示一个加载效果。 ? 隐藏一个加载效果。 ? 实例 HTML 代码 JavaScript 代码 ? ? ? ...
分类:
Web程序 时间:
2016-06-17 12:44:38
阅读次数:
336
列表是一个应用广泛在几乎所有移动app中的界面元素。ionList 和 ionItem 这两个指令还支持多种多样的交互模式,比如移除其中的某一项,拖动重新排序,滑动编辑等等。 高级用法: 缩略图,删除按钮,重新排序,滑动 ? 实例 HTML 代码: CSS 代码 JavaScript 代码 ? ? ...
分类:
Web程序 时间:
2016-06-17 12:42:31
阅读次数:
207
ionicModal 可以遮住用户主界面的内容框。 你可以在你的 index 文件或者是其他文件内嵌入以下代码(里面的代码可以根据你自己的业务场景相应的改变)。 然后你就可以在你的 Controller 里面的注入 $ionicModal 。然后调用你刚刚写入的模板,进行初始化操作。就像下面的代码: ...
分类:
Web程序 时间:
2016-06-17 12:36:21
阅读次数:
267
1.ion-header-bar 这个是固定在屏幕顶部的一个头部标题栏。如果给它加上'bar-subheader' 这个样式,它就是副标题。 ? 2.ion-footer-bar 知道了 ion-header-bar ,理解ion-footer-bar就轻松多啦!只是 ion-footer-bar ...
分类:
Web程序 时间:
2016-06-17 11:05:42
阅读次数:
502
ionic 复选框(checkbox)与普通的 HTML 复选框没什么区别,以下实例演示了 ionic 复选框 ion-checkbox 的应用。 实例中,会根据复选框是否选中,修改 checked 值,true 为选中, false 为未选中。 HTML 代码 JavaScript 代码 css ...
分类:
Web程序 时间:
2016-06-16 18:01:20
阅读次数:
188
以下实例中,通过切换不同开关 checked 显示不同的值,true 为打开,false 为关闭。 HTML 代码 由于pre标签冲突,实例中的 pre 已替换为 div标签,具体可以在"尝试一下"中查看。 JavaScript 代码 css 代码 ? ? ...
分类:
Web程序 时间:
2016-06-16 17:59:17
阅读次数:
281
ionic官网:http://ionicframework.com/ 首先需要下载node.js 下载地址: https://nodejs.org/en/ 现在的node.js 一般的带有npm的; 在命令窗口输入 npm -v 查询npm版本 输入node --version 查询node.js版 ...
分类:
系统相关 时间:
2016-06-16 17:57:48
阅读次数:
496
在加载新数据的时候,我们需要实现下拉刷新效果,代码如下: HTML 代码 JavaScript 代码 item.json 文件数据: ? ...
分类:
Web程序 时间:
2016-06-16 17:56:34
阅读次数:
156
近年来卡片(card)的应用越来越流行,卡片提供了一个更好组织信息展示的工具。 针对移动端的应用,卡片会根据屏幕大小自适应大小。 我们可以很灵活的控制卡片的显示效果,甚至实现动画效果。 卡片一般放在页面顶部,当然也可以实现左右切换的功能。 1.基本卡片 ? 卡片(card)默认样式带有box-sha ...
分类:
其他好文 时间:
2016-06-16 13:05:55
阅读次数:
329
在创建项目的过程中,经常将发布的打包过程忘记了,记录一下。 开始之前 先了解两件事情: 生成命令 注意:记得将alias_name改一下。 之前忘记修改这个名记造成很大问题。这过程中会问你一些问题: 注意:如果你想要将应用发布到一些应用市场的时候,将保存好你的签名,出现签名不一致的话,就说明有问题了 ...
分类:
移动开发 时间:
2016-06-16 13:02:18
阅读次数:
173