ionic 创建 APP前面的章节中我们已经学会了 ionic 框架如何导入到项目中。接下来我们将为大家介绍如何创建一个 ionic APP 应用。ionic 创建 APP 使用 HTML、CSS 和 Javascript 来构建，所以我们可以创建一个 www 目录，并在目录下创... 阅读全文>>

ionic 头部与底部Header(头部)Header是固定在屏幕顶部的组件,可以包如标题和左右的功能按钮。ionic 默认提供了许多种颜色样式，你可以调用不同的样式名，当然也可以自定义一个。bar-light<div class="bar bar-header bar-l... 阅读全文>>

ionic 按钮按钮是移动app不可或缺的一部分，不同风格的app，需要的不同按钮的样式。默认情况下，按钮显示样式为：display: inline-block。<button class="button"> Default</button><bu... 阅读全文>>

ionic 列表列表是一个应用广泛的界面元素，在所有移动app中几乎都会使用到。列表可以是基本文字、按钮，开关，图标和缩略图等。列表项可以是任何的HTML元素。容器元素需要list类，每个列表项需要使用item类。ionList和ionItem可以很容易的支持各种交互方式，比如，... 阅读全文>>

ionic 卡片近年来卡片(card)的应用越来越流行，卡片提供了一个更好组织信息展示的工具。针对移动端的应用，卡片会根据屏幕大小自适应大小。我们可以很灵活的控制卡片的显示效果，甚至实现动画效果。卡片一般放在页面顶部，当然也可以实现左右切换的功能。<div class="c... 阅读全文>>

ionic 表单和输入框list 类同样可以用于 input 元素。item-input 和 item 类指定了文本框及其标签。输入框属性：placeholder以下实例中，默认为100%宽度（左右两侧没有边框），并使用 placeholder 属性设置输入字段预期值的提示信息。... 阅读全文>>

ionic Toggle(切换开关)切换开关类似与 HTML 的 checkbox 标签，但它更易于在移动设备上使用。切换开关可以使用 toggle-assertive 来指定颜色。<label class="toggle"> <input type="ch... 阅读全文>>

ionic checkbox（复选框）ionic 里面的 Checkbox 和普通的 Checkbox 效果上其实相差不大，只是样式上有所不同。以下实例演示了多个复选框的列表。注意，每个选项的 item 类后需要添加 item-checkbox 类。复选框可以使用 checkbo... 阅读全文>>

ionic 单选框ionic 单选按钮与标准 type="radio" 的 input元素类似。以下展示了现代app类型的单选按钮。每个 item-radio 中的 type="radio" 的 input 元素的 name 属性都相同。radio-icon 类用于是否显示图标。... 阅读全文>>

ionic Rangeionic Range 是一个滑块控件，ionic 为 Range 提供了很多种默认的样式。而且你可以在许多种元素里使用它比如列表或者 Card 。实例<div class="range"> <i class="icon ion-volu... 阅读全文>>