[转]Ionic系列——CodePen上的优秀Ionic_Demo
本文转自: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的更多相关文章
- 如何在 Github 上发现优秀的开源项目?
之前发过一系列有关 GitHub 的文章,有同学问了,GitHub 我大概了解了,Git 也差不多会使用了,但是还是搞不清 GitHub 如何帮助我的工作,怎么提升我的工作效率? 问到点子上了,Git ...
- Android Camera开发系列(上)——Camera的基本调用与实现拍照功能以及获取拍照图片加载大图片
Android Camera开发系列(上)--Camera的基本调用与实现拍照功能以及获取拍照图片加载大图片 最近也是在搞个破相机,兼容性那叫一个不忍直视啊,于是自己翻阅了一些基本的资料,自己实现了一 ...
- Mongo Rocks 在SSD盘上表现优秀,专门为SSD盘的优化
2017 · MongoDB深圳用户组大会全记录 | MongoDB中文社区http://www.mongoing.com/2017/04/24/mongodb-shenzhen-user-group ...
- 每天看一片代码系列(三):codepen上一个音乐播放器的实现
今天我们看的是一个使用纯HTML+CSS+JS实现音乐播放器的例子,效果还是很赞的: codePen地址 HTML部分 首先我们要思考一下,一个播放器主要包含哪些元素.首先要有播放的进度信息,还有播放 ...
- 【转载】如何在 Github 上发现优秀的开源项目?
之前发过一系列有关 GitHub 的文章,有同学问了,GitHub 我大概了解了,Git 也差不多会使用了,但是还是搞不清 GitHub 如何帮助我的工作,怎么提升我的工作效率? 问到点子上了,Git ...
- (转载)如何在 Github 上发现优秀的开源项目?
转载自:传送门 之前发过一系列有关 GitHub 的文章,有同学问了,GitHub 我大概了解了,Git 也差不多会使用了,但是还是搞不清 GitHub 如何帮助我的工作,怎么提升我的工作效率? 问到 ...
- codepen 上25个最受欢迎的HTML/CSS代码
Codepen是一个非常了不起的网站,优设哥在设计师网址导航上也大力推荐过,得到了很多同学的喜爱,也是全球web前端开发人员的圣地! 我搜索了一些时下最好最流行的codepen(仅限于HTML和CSS ...
- Ionic在Android上部署app步骤
详情链接:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/ionic%E5%9C%A8android%E4%B8%8A%E9%83% ...
- Node.js系列-express(上)
前言 Node.js系列的第一篇:http,大概描述了通过使用node.js内置的api创建一个服务并监听request实现简单的增删改查.现在,我们就通过通读express官网及使用express框 ...
随机推荐
- Bootstrap源码分析之transition、affix
一.Transition(过滤) 作为一个基础支持的组件,被其他组件多次引用.实现根据浏览器支持transition的能力,然后绑定动画的结束事件:首先:创建一个Element:然后:迭代查看此元素支 ...
- 12款最佳的 WordPress 语法高亮插件推荐
语法高亮工具增强了代码的可读性,美化了代码,让程序员更容易维护.语法高亮提供各种方式由以提高可读性和文本语境,尤其是对于其中可以结束跨越多个页面的代码,以及让开发者自己的程序中查找错误.在这篇文章中, ...
- 25个有用的和方便的 WordPress 速查手册
如果你是 WordPress 开发人员,下载一些方便的 WordPress 备忘单可以在你需要的时候快速查找.下面这个列表,我们已经列出了25个有用的和方便的 WordPress 速查手册,赶紧收藏吧 ...
- store.js - 轻松实现本地存储(LocalStorage)
store.js 是一个兼容所有浏览器的 LocalStorage 包装器,不需要借助 Cookie 或者 Flash.store.js 会根据浏览器自动选择使用 localStorage.globa ...
- jQuery原型属性constructor,selector,length,jquery和原型方法size,get,toArray源码分析
首先看一下在jQuery1.7.1中定义的原型属性和方法有哪些? init方法作为实际的构造函数已经详细分析过了,需要了解可以参考http://www.cnblogs.com/yy-hh/p/4492 ...
- SAP ABAP将大数据量排序后输入到内表
要向内表读入3百50万条数据,如果一次读入就会产生运行错误,错误提示为,没有内存对于扩展 内表. 我考虑使用SELECT...INTO TABLE...PACKAGE SIZE 和ENDSELECT来 ...
- 封装Nvelocity的渲染方法
public class CommonHelper { /// <summary> /// 用data数据填充templatename模板,渲染返回html返回 /// </summ ...
- DevExpress应用案例--语音识别器Dual Writer
Dual Writer是 一个以语音识别为特色的文档处理器,无需安装其他软件,只需要插入你的麦克风就可以开始录入口述文字.它不仅支持MS Word的DOCX格式,还支持 RTF.ODT.TXT等常见文 ...
- PCM(Pulse-code modulation)脉冲编码调制
在音频处理中,我们会经常听到PCM数据,那么什么是PCM数据呢? PCM数据就是模拟信号经过PCM以后的数字信号,PCM就是把音频信号由模拟信号(时间连续,取值连续)转为数字信号(时间离散,取值离散) ...
- IDA来Patch android的so文件
在上文中,我们通过分析定位到sub_130C()这个函数有很大可能性是用来做反调试检测的,并且作者开了一个新的线程,并且用了一个while来不断执行sub_130C()这个函数,所以说我们每次手动的修 ...




