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

[阅读全文]

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

[阅读全文]

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

[阅读全文]

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

[阅读全文]

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

[阅读全文]

ionic安装本站实例采用了ionicv1.3.2版本，使用的CDN库地址：<linkhref="https://cdn.staticfile.org/ionic/1.3.2/css/ionic.css"rel="stylesheet"><scriptsrc="https://cdn.staticfile.org/io...

[阅读全文]

ionic教程ionic是一个强大的HTML5应用程序开发框架(HTML5HybridMobileAppFramework)。可以帮助您使用Web技术，比如HTML、CSS和Javascript构建接近原生体验的移动应用程序。ionic主要关注外观和体验，以及和你的应用程序的UI交互，特别适合用于基于Hybird模式的...

[阅读全文]