Ionic Framework is the open-source mobile app development framework that makes it easy tobuild top quality native and progressive web apps with web technologies.
Ionic Framework is based on Web Components and comes with many significant performance, usability, and feature improvements over the past versions.
Project | Package | Version | Links |
---|---|---|---|
Core | @ionic/core |
README.md |
|
Angular | @ionic/angular |
README.md |
|
Vue | @ionic/vue |
README.md |
|
React | @ionic/react |
README.md |
Looking for the ionic-angular
package? Ionic 3 has been moved to the ionic-v3
repo. See Earlier Versions.
Start a new project by following our quick Getting Started guide.We would love to hear from you! If you have any feedback or run into issues using our framework, please filean issue on this repository.
Thanks for your interest in contributing! Read up on our guidelines forcontributingand then look through our issues with a help wantedlabel.
Please note that this project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by its terms.
The Ionic Conference App is a full featured Ionic app.It is the perfect starting point for learning and building your own app.
As Ionic Framework components migrate to the web component standard, a goal of ours is to have Ionic Framework easily work within all of the popular frameworks.
The source code for earlier versions of the Ionic Framework may exist in other repositories. Please open issues and pull requests in their respective repositories.
ionic-team/ionic-v3
ionic-team/ionic-v1
更改历史 * 2017-12-31 胡小根 初始化文档 1 历史、现状和发展 1.1 历史 1.2 现状 1.3 发展 难点:预测发展方向。 2 安装和使用 2.1 安装 2.2 使用 2.3 示例 2.4 最佳实践 难点:最佳实践,超出于示例,应该归纳总结出积累的技巧。 3 同类技术对比 难点:归纳比对项 参考资料 xxx书籍 xxx博客 xxx类库说明
Ionic Framework 是一个移动 UI 工具包,用于构建高质量,跨平台的本机和Web应用程序体验。只需一个代码库,就可以更快地移动代码,并可以在JavaScript和Web上随处运行。
ionic select 的 select 相比原生的要更加美观些。但是弹出的可选选项样式是浏览器默认的。 每个平台上的可选项样式都是不一样的,在PC电脑的浏览器上,你会看到传统的下拉界面,Android 上会弹出单选按钮选项,iOS 有个滚轮操作界面。 实例 尝试一下 » 运行效果如下:
ionic Range 是一个滑块控件,ionic 为 Range 提供了很多种默认的样式。而且你可以在许多种元素里使用它比如列表或者 Card 。 实例 尝试一下 » 运行效果如下:
主要内容:ionic checkbox(复选框)ionic checkbox(复选框) ionic 里面的 Checkbox 和普通的 Checkbox 效果上其实相差不大,只是样式上有所不同。 以下实例演示了多个复选框的列表。 注意,每个选项的 item 类后需要添加 item-checkbox 类。 复选框可以使用 checkbox-assertive 来指定颜色。 尝试一下 » 运行效果如下:
切换开关类似与 HTML 的 checkbox 标签,但它更易于在移动设备上使用。 切换开关可以使用 toggle-assertive 来指定颜色。 该实例有是多个切换开关列表。注意,每个选项的 item 类后需要添加 item-toggle 类。 尝试一下 » 运行效果如下: