本文转自:http://my.oschina.net/u/1416844/blog/514361?fromerr=bbFC5JIl

  • 案例网站
  • Slidebox with Dynamic Slides
  • Ionic UL search example
  • Ionic Accordian
  • ion-affix performance demo (就是这个栏目下的标题一直显示在最上面)
  • Button Bar as Top Tabs
  • FAB Menu
  • Tab layout - view content gap
  • ion-fab-button
  • Tabs calling Action Sheet
  • Hiding slides on ionic SlideBox directive  (控制隐藏slides页面)
  • Ionic Slide Tab
  • elastic image(背景弹性图片)
  • Ionic collapsible list
  • Ionic Todo Tutorial(动态添加列表项)
  • Ionic Debounce example(自动增长的徽章)
  • Ionic Tabs with Badges(手动设置徽章数量)
  • Ionic list with dividers(类似电话分组)
  • Ionic list css(只是css样式)
  • Ionic BottomSheet
  • ionic 长按可移动listitem
  • 下拉选项
  • label toggle
  • 旋转移动翻转
  • validation     看他验证的写法,用了$error
  • 滚动和角上的菜单
  • Horizontal scroll cards demo
  • 课表一样的效果的日期控件
  • 跳转选择参数,并将参数带回share data btw views
  • Ionic Sub Header Show/Hide on Scroll
  • 弹出model
  • NUI - Natural UI
  • 选择上传文件的写法
  • 框架
  • 连续进入的框架
  • 也是一个框架不同页面不是视图
  • 复杂的框架
  • 滑动点击左右侧menu
  • Ionic sidemenu +tabs的组合
  • Rubyonic Ionic UI

案例网站

Slidebox with Dynamic Slides

Ionic UL search example

Ionic Accordian

ion-affix performance demo (就是这个栏目下的标题一直显示在最上面)

Button Bar as Top Tabs

FAB Menu

Tab layout - view content gap

ion-fab-button

Tabs calling Action Sheet

Hiding slides on ionic SlideBox directive  (控制隐藏slides页面)

Ionic Slide Tab

elastic image(背景弹性图片)

Ionic collapsible list

Ionic Todo Tutorial(动态添加列表项)

Ionic Debounce example(自动增长的徽章)

Ionic Tabs with Badges(手动设置徽章数量)

Ionic list with dividers(类似电话分组)

Ionic list css(只是css样式)

Ionic BottomSheet

$ionicModel可以设置他的viewType

ionic 长按可移动listitem

下拉选项

label toggle

旋转移动翻转

validation     看他验证的写法,用了$error

滚动和角上的菜单

Horizontal scroll cards demo

课表一样的效果的日期控件

跳转选择参数,并将参数带回share data btw views

Ionic Sub Header Show/Hide on Scroll

弹出model

NUI - Natural UI

选择上传文件的写法

框架

连续进入的框架

也是一个框架不同页面不是视图

复杂的框架

滑动点击左右侧menu

Ionic sidemenu +tabs的组合

Rubyonic Ionic UI

[转]Ionic系列——CodePen上的优秀Ionic_Demo相关推荐

  1. 盘点一下CodePen上那些优秀的前端作品(01)

    编辑整理 | web前端开发 CodePen 作为知名的前端交流社区,CodePen 上的技术高手们总能不间断的为我们带来各种的惊喜. 今天我要跟大家分享的是一些比较酷的前端作品,大家可以作为练习,说 ...

  2. 【世界上最优秀的逆向分析工具】IDA Pro6.1绿色版

    [世界上最优秀的逆向分析工具]IDA Pro6.1绿色版 让编程改变世界 Change the world by program 世界上最优秀的静态逆向工具没有之一 [caption id=" ...

  3. Ionic系列——环境配置和项目搭建

    2019独角兽企业重金招聘Python工程师标准>>> 1.环境介绍 Java jdk: 开发环境 Android ADT: Ionic Android开发环境 IOS Xcode: ...

  4. 华为云PB级数据库GaussDB(for Redis)揭秘第十期:GaussDB(for Redis)迁移系列(上)

    本文分享自华为云社区<华为云PB级数据库GaussDB(for Redis)揭秘第十期:GaussDB(for Redis)迁移系列(上)>,原文作者:高斯Redis官方博客 . Gaus ...

  5. vue3:codepen上生成的动效代码/ 前端生成统计图(echarts包)

    codepen上生成的动态效果怎么放到自己的代码里(vue3组合式api) 设计给了个动态效果,说源码在codepen上面,打开一看,好家伙没有html,css也只有图里展示的这么点,那就是纯靠js实 ...

  6. nvidia-jetson系列硬件平台上安装Qt

    nvidia-jetson系列硬件平台上安装Qt 目标平台: Jetson Nano.Jetson TX2.etson Xavier NX.Jetson AGX Xavier 概述: 系统环境: 我的 ...

  7. RH系列linux上编译android2.3(gingerbread)

    在RH系列linux上编译android2.3(gingerbread)的过程如下: 官方源码及ubuntu编译过程在(http://source.android.com/source/index.h ...

  8. 分享:我是怎么在github上找到优秀的仓库的?

    大家可以注意到,我经常向大家推荐优秀的github仓库,可能大家有疑问:怎么样找到优秀的github仓库呢?本文分享下我是怎么在github上找到优秀的仓库的? 通常情况下,在github上查找优秀的 ...

  9. 概要设计说明书案例_逆向前行,趁势而为外贸学院线上教学优秀案例展(七)...

    学生居家学习,教师远程授课.在这种情况下,如何调动学生的学习积极性提升线上教学质量?如何实现班级教学管理的实效性?信息工程系谢粤芳老师在<Android 项目开发>课程教学中,基于&quo ...

最新文章

  1. 基于地面几何约束的单目视觉里程计精确鲁棒尺度恢复(ICRA 2021)
  2. python的学习笔记(0)之循环的使用1
  3. c++ 多重背包状态转移方程_【模板】各种背包问题amp;讲解
  4. gc方法写法_清标的内容、技巧及书写方式
  5. 万字长文带你一览ICLR2020最新Transformers进展(下)
  6. vs怎么把textbox输入的实数放置变量里_方程的计算机处理96(3)_C++vs
  7. java 国家名称排序,我有一个国家名单。我想按字母顺序对它进行排序,除了两个我想放在第一位的国家...
  8. 使用命令编译运行Java程序
  9. 布隆过滤器 (Bloom Filter) 详解
  10. 数据安全法整理学习笔记
  11. linux没有无线wifi密码忘记,新版tplink无线密码(wifi密码)忘记了怎么办?
  12. ONNX转ms后,benchmark跑分非常慢
  13. 台式计算机启动时 每次按f1,电脑开机时总是提示要按F1?云骑士告诉你如何解决...
  14. 【音视频】国标双向对讲方案
  15. 2020年下半年中小学教师资格考试《综合素质》(小学)试题及答案
  16. 钉钉内置浏览器下载文件(钉钉跨域下载文件、图片等)
  17. LeetCode每日刷题Day10---L938二叉搜索树的范围和
  18. python: python语法
  19. 有1克、2克、3克、4克的砝码各一枚,能称出哪几种重量?
  20. 关于视觉三维重建colmap 一期课程,我想说点什么

热门文章

  1. 埋点是什么意思_(一百二十二)埋点方案举例,如何做埋点方案
  2. java spring server_Java server框架之(1):spring中的IoC
  3. 解封装(九):av_read_frame和av_seek_frame代码示例分析内存占用和清理情况
  4. arduino点阵声音频谱_【紫歌のarduino笔记】基于FFT的音乐频谱显示器
  5. java创建response对象_javaweb入门-----request与response的作用
  6. webstorm chrome热更新
  7. Flink WriteRedis
  8. werkzeug serving.run_simple
  9. python I/O 对象
  10. java junit