[转]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框 ...
随机推荐
- css3加载ing动画
项目中ajax交互成功前总会需要给用户提醒,比如请稍候.正在加载中等等,那个等待的动图以前项目中用的是gif,在移动端画质很渣,有毛边,于是在新项目中用css3展示加载中的动画效果. function ...
- go语言 匿名变量
我们在使用传统的强类型语言编程时,经常会出现这种情况,即在调用函数时为了获取一个值,却因为该函数返回多个值而不得不定义一堆没用的变量.在Go中这种情况可以通过结合使用多重返回和匿名变量来避免这种丑陋的 ...
- 强大的<canvas>
<canvas> 个人认为<canvas>是h5最重量级的新标签了,现在各种h5小游戏都是基于<canvas>的,它为游戏提供了一个功能强大的画布,可在画布上绘制丰 ...
- Hybrid框架UI重构之路:四、分而治之
上文回顾:Hybird框架UI重构之路:三.工欲善其事,必先利其器 上一篇文章有说到less.grunt这两个工具,是为了css.js分模块使用的.UI框架提供给使用者的时候,是一个大的xxx.js. ...
- Dynamics AX7 materials
Dynamics AX community https://community.dynamics.com/ax Dynamics AX Wiki https://ax.help.dynamics.co ...
- 在GitHub上管理项目
在GitHub上管理项目 新建repository 本地目录下,在命令行里新建一个代码仓库(repository) 里面只有一个README.md 命令如下: touch README.md git ...
- Mac电脑清理硬盘"其他"
作为一个MacBook的使用者,无不感受到苹果对于系统和硬件的完美匹配. 苹果电脑不适合玩游戏,所以我只用它开发iOS使用.电脑里除了Xcode和常用办公软件与通讯软件以外,我没有装其他的任何大应用. ...
- Android 调用系统照相机拍照和录像
本文实现android系统照相机的调用来拍照 项目的布局相当简单,只有一个Button: <RelativeLayout xmlns:android="http://schemas.a ...
- Android 获取系统的联系人
本文主要介绍android中怎样获取系统的联系人数据 首先打开模拟器 点击联系人图标按钮 说明系统联系人数据库是空的,打开File explorer,找到data/data下面的文件夹: 将conta ...
- 【代码笔记】iOS-给背景图加上移动的手势
一,工程图. 二,效果图. 三,代码. RootViewController.h #import <UIKit/UIKit.h> @interface RootViewController ...