ionic模板源码_CodePen上的优秀Ionic模板源码案例Demo

admin

ionic官网提供的只是一些少量的用例，但是还有很多好的样式我们可以从CodePen上找到，本文就是对一些好的样式做了截图和引导，方便大家使用。因为时间关系，所以会不断完善中。

源码地址：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


源码地址：http://my.oschina.net/u/1416844/blog/514361?fromerr=bbFC5JIl