- 博客(11)
- 收藏
- 关注
RSS订阅转载 ionic简介
ionicionic是一个强大的混合式/hybridHTML5移动开发框架，特点是使用标准的HTML、 CSS和JavaScript，开发跨平台（目前支持：Android、iOS，计划支持：Windows Phone、Firefox OS） 的原生App应用：ionic主要包括三个部分：CSS框架 - 提供原生App质感的CSS样式模拟。ionic这部分的实现使
2015-06-08 14:33:00
1323
转载 ionic使用记录----栅格模式
栅格系统ionic的栅格系统采用了CSS3的弹性盒（Flexible Box）模型，这使得它与大多数栅格系统都有所区别。Flex布局主要思想是让容器有能力改变其子元素的宽度、高度甚至先后顺序，从而以最佳方式填充可用空间。CSS3引入Flex容器的主要目的是为了适应所有类型的显示设备和屏幕大小：在ionic中使用栅格系统主要使用两个类：.row - 在容器元素上使用.row类
2015-06-08 10:30:26
7299
转载 ionic使用记录----tabs
选项卡 : .tabs选项卡是一个可以包含多个按钮或链接的容器，通常用于提供一致的导航体验。ionic中使用.tabs样式声明选项卡，使用.tab-item样式声明选项卡成员 class="tabs"> class="tab-item">... class="tab-item">... ...选项卡默认地位于屏幕底部。一旦元素应用了.tabs样式，就可以继续选用三
2015-06-08 10:08:22
1067
转载 ionic使用记录------输入组件容器.item-input
输入组件容器 : .item-input在ionic中，各种输入组件被定义成不同的HTML模板，以便将描述标签和输入元素打包在一起。在这个模板的根元素上，需要声明.item-input样式： class="item-input">...不同的输入元素有不同的模板定义。比如，文本输入通常包含一个描述标签： class="item-input"> class="input-la
2015-06-08 09:09:37
5396
1
转载 ionic使用记录----button
按钮 : .buttonionic使用.button样式定义按钮元素： class="button">...一旦元素应用了.button样式，就可以继续选用两类预定义样式来进一步声明元素及其内容的外观：同级样式 - 同级样式与.button应用在同一元素上，声明元素的位置、配色等。下级样式 - 下级样式只能应用在.button的子元素上，声明子元素的大小等特征。.b
2015-06-05 15:25:21
708
转载 ionic使用记录----列表.list
列表 : .list列表非常适合于手机屏幕上的信息的显示。使用.list定义列表容器，使用.item定义列表成员： class="list"> class="item">... class="item">... class="item">... class="item">...对列表外观的定制化主要集中在.item元素上，.list元素仅有少数的几个样式
2015-06-05 14:43:42
1563
转载 ionic使用记录----色彩、图标、内边距
色彩ionic定义了九种前景/背景/边框的色彩样式，：可以在任何元素上使用这些样式设置前景和背景颜色： class="positive-bg energized">...图标ionic使用ionicons图标样式库。ionicons采用了TrueType字体实现图标样式，有超过500个图标可供选择。使用图标很简单，在元素上声明以下两个CSS类即可：.ic
2015-06-05 14:33:42
1149
转载 ionic使用记录----content
内容：.content和.scroll-contentionic预定义了两个内容容器样式：.content - 流式定位，内容元素在文档流中按顺序定位.scroll-content - 绝对定位，内容元素占满整个屏幕这两种样式都可以使用以下样式进一步确定位置及范围：html>html>head> meta name="viewport" conten
2015-06-05 14:29:00
1030
转载 ionic使用记录-----.bar
一 .bar : 位置ionic使用以下样式定义条块的位置：.bar-header - 置顶.bar-subheader - header之下置顶.bar-footer - 置底.bar-subfooter - footer之上置底在腾讯新闻App中，你可以看到，使用了三个条块：标题、副标题、页脚：html>html>head> meta name=
2015-06-05 14:03:31
1223
转载 ionic 中默认安装后导航在底部解决方案
转至：http://bbs.phonegap100.com/thread-1495-1-1.html$ionicConfigProvider, ios and android在 iOS中, tabs 一直处于底部. 在android中 ionic tabs 一直在顶部,如果要改我们可以通过配置$ionicConfigProvider。.confi
2015-06-05 14:02:03
883
原创 ionic使用记录----popup
一个o2o的项目用到居中弹出层，尝试过$ionicModal,$ionicPopover,$ionicpopup$ionicModal是根据屏幕尺寸来的，小屏幕就全屏覆盖，大屏幕就显示弹出层。$ionicPopover类似tip框，在某个控件周围弹出小的覆盖层。ionicpopup类似alert功能，居中并可自定义内容，适合。$ionicpopup使用：
2015-06-03 10:49:08
4784
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人