摘要: ion-tabs ion-tabs 是有一组页面选项卡组成的选项卡栏。可以通过点击选项来切换页面。 对于 iOS,它会出现在屏幕的底部,Android会出现在屏幕的顶部(导航栏下面)。 用法    ion-tab 隶属于ionTabs 包含一个选项卡内容。该内容仅存在于被选中的给定选项卡中。 阅读全文
posted @ 2016-06-17 17:58 Mac.Manon 阅读(1696) 评论(0) 推荐(0) 编辑
摘要: ion-spinner ionSpinner 提供了许多种旋转加载的动画图标。当你的界面加载时,你就可以呈现给用户相应的加载图标。 该图标采用的是SVG。  实例 HTML 代码 CSS 代码 JavaScript 代码  阅读全文
posted @ 2016-06-17 17:51 Mac.Manon 阅读(1049) 评论(0) 推荐(0) 编辑
摘要: ion-slide-box 滑动框是一个包含多页容器的组件,每页滑动或拖动切换: 效果图如下:   用法  HTML 代码 CSS 代码 JavaScript 代码   阅读全文
posted @ 2016-06-17 17:45 Mac.Manon 阅读(527) 评论(0) 推荐(0) 编辑
摘要: 一个容器元素包含侧边菜单和主要内容。通过把主要内容区域从一边拖动到另一边,来让左侧或右侧的侧栏菜单进行切换。 效果图如下所示:   用法 要使用侧栏菜单,添加一个父元素,一个中间内容 ,和一个或更多 指令。    ion-side-menu-content 一个可见主体内容的容器,同级的一 阅读全文
posted @ 2016-06-17 17:37 Mac.Manon 阅读(2307) 评论(0) 推荐(0) 编辑
摘要: ion-scroll ion-scroll 用于创建一个可滚动的容器。  HTML 代码 CSS 代码 JavaScript 代码 ion-infinite-scroll 当用户到达页脚或页脚附近时,ionInfiniteScroll指令允许你调用一个函数 。 当用户滚动的距离超出底部的内容时,就 阅读全文
posted @ 2016-06-17 17:26 Mac.Manon 阅读(638) 评论(0) 推荐(0) 编辑
摘要: $ionicPopup ionic 对话框服务允许程序创建、显示弹出窗口。 $ionicPopup 提供了3个方法:alert(), prompt(),以及 confirm() 。 实例 HTML 代码 JavaScript 代码     阅读全文
posted @ 2016-06-17 17:00 Mac.Manon 阅读(448) 评论(0) 推荐(0) 编辑
摘要: $ionicPopover $ionicPopover 是一个可以浮在app内容上的一个视图框。 实例 HTML 代码 JavaScript 代码  阅读全文
posted @ 2016-06-17 16:54 Mac.Manon 阅读(1123) 评论(0) 推荐(0) 编辑
摘要: $ionicPlatform$ionicPlatform 用来检测当前的平台,以及诸如在PhoneGap/Cordova中覆盖Android后退按钮。 阅读全文
posted @ 2016-06-17 16:51 Mac.Manon 阅读(275) 评论(0) 推荐(0) 编辑
摘要:  ion-nav-view 当用户在你的app中浏览时,ionic能够检测到浏览历史。通过检测浏览历史,实现向左或向右滑动时可以正确转换视图。 采用AngularUI路由器模块等应用程序接口可以分为不同的$state(状态)。Angular的核心为路由服务,URLs可以用来控制视图。 Angula 阅读全文
posted @ 2016-06-17 16:38 Mac.Manon 阅读(5471) 评论(0) 推荐(0) 编辑
摘要: ionicModal 可以遮住用户主界面的内容框。 你可以在你的 index 文件或者是其他文件内嵌入以下代码(里面的代码可以根据你自己的业务场景相应的改变)。 然后你就可以在你的 Controller 里面的注入 $ionicModal 。然后调用你刚刚写入的模板,进行初始化操作。就像下面的代码: 阅读全文
posted @ 2016-06-17 12:12 Mac.Manon 阅读(465) 评论(0) 推荐(0) 编辑
摘要: $ionicLoading 是 ionic 默认的一个加载交互效果。里面的内容也是可以在模板里面修改。 用法 方法 显示一个加载效果。  隐藏一个加载效果。  实例 HTML 代码 JavaScript 代码    阅读全文
posted @ 2016-06-17 11:53 Mac.Manon 阅读(529) 评论(0) 推荐(0) 编辑
摘要: 列表是一个应用广泛在几乎所有移动app中的界面元素。ionList 和 ionItem 这两个指令还支持多种多样的交互模式,比如移除其中的某一项,拖动重新排序,滑动编辑等等。 高级用法: 缩略图,删除按钮,重新排序,滑动  实例 HTML 代码: CSS 代码 JavaScript 代码   阅读全文
posted @ 2016-06-17 11:19 Mac.Manon 阅读(477) 评论(0) 推荐(0) 编辑
摘要: 1.ion-header-bar 这个是固定在屏幕顶部的一个头部标题栏。如果给它加上'bar-subheader' 这个样式,它就是副标题。   2.ion-footer-bar 知道了 ion-header-bar ,理解ion-footer-bar就轻松多啦!只是 ion-footer-ba 阅读全文
posted @ 2016-06-17 10:48 Mac.Manon 阅读(344) 评论(0) 推荐(0) 编辑
摘要: 1.on-hold 长按的时间是500毫秒。 HTML 代码 JavaScript 代码 2.on-tap 这个是手势轻击事件,如果长按时间超过250毫秒,那就不是轻击了。 HTML 代码 JavaScript 代码 3.on-double-tap 手双击屏幕事件 HTML 代码 代码 JavaSc 阅读全文
posted @ 2016-06-17 10:02 Mac.Manon 阅读(1063) 评论(0) 推荐(0) 编辑