首页 软件开发 代码文档 ionic归档 ( Page 3 )

ionic归档 37

#Ionic教程
ionic 下拉刷新

ionic 下拉刷新 在加载新数据的时候,我们需要实现下拉刷新效果,代码如下: 实例 HTML 代码 <body ng-app="starter" ng-controller…

2015-10-27 863

#Ionic教程
ionic 滑动框

ionic 滑动框 ion-slide-box 滑动框是一个包含多页容器的组件,每页滑动或拖动切换: 效果图如下: 用法 <ion-slide-box on-slide-ch…

2015-10-27 600

#Ionic教程
ionic 按钮

ionic 按钮 按钮是移动app不可或缺的一部分,不同风格的app,需要的不同按钮的样式。 默认情况下,按钮显示样式为:display: inline-block。 <bu…

2015-10-27 750

#Ionic教程
ionic 复选框

ionic 复选框 ionic 复选框(checkbox)与普通的 HTML 复选框没什么区别,以下实例演示了 ionic 复选框 ion-checkbox 的应用。 <io…

2015-10-27 257

#Ionic教程
ionic 选项卡栏操作

ionic 选项卡栏操作 ion-tabs ion-tabs 是有一组页面选项卡组成的选项卡栏。可以通过点击选项来切换页面。 对于 iOS,它会出现在屏幕的底部,Android会出…

2015-10-27 590

#Ionic教程
ionic 列表

ionic 列表 列表是一个应用广泛的界面元素,在所有移动app中几乎都会使用到。 列表可以是基本文字、按钮,开关,图标和缩略图等。 列表项可以是任何的HTML元素。容器元素需要l…

2015-10-27 845

#Ionic教程
ionic 切换开关操作

ionic 切换开关操作 以下实例中,通过切换不同开关 checked 显示不同的值,true 为打开,false 为关闭。 HTML 代码 <ion-header-bar …

2015-10-27 516

#Ionic教程
ionic 卡片

ionic 卡片 近年来卡片(card)的应用越来越流行,卡片提供了一个更好组织信息展示的工具。 针对移动端的应用,卡片会根据屏幕大小自适应大小。 我们可以很灵活的控制卡片的显示效…

2015-10-27 660

#Ionic教程
ionic 单选框操作

ionic 单选框操作 实例中,根据选中的不同选项,显示不同的值。 HTML 代码 <ion-header-bar class="bar-positive"> <…

2015-10-27 779

#Ionic教程
ionic 表单和输入框

ionic 表单和输入框 list 类同样可以用于 input 元素。item-input 和 item 类指定了文本框及其标签。 输入框属性:placeholder 以下实例中,…

2015-10-27 702

#Ionic教程
ionic 手势事件

ionic 手势事件 事件 描述 用法 实例 on-hold 长按的时间是500毫秒。 <button on-hold="onHold()" class="button"&g…

2015-10-27 206

#Ionic教程
ionic toggle

ionic Toggle(切换开关) 切换开关类似与 HTML 的 checkbox 标签,但它更易于在移动设备上使用。 切换开关可以使用 toggle-assertive 来指定…

2015-10-27 583