mainpro126的专栏

一个o2o的项目用到居中弹出层，尝试过$ionicModal,$ionicPopover,$ionicpopup$ionicModal是根据屏幕尺寸来的，小屏幕就全屏覆盖，大屏幕就显示弹出层。$ionicPopover类似tip框，在某个控件周围弹出小的覆盖层。ionicpopup类似alert功能，居中并可自定义内容，适合。$ionicpopup使用：

色彩ionic定义了九种前景/背景/边框的色彩样式，：可以在任何元素上使用这些样式设置前景和背景颜色： class="positive-bg energized">...图标ionic使用ionicons图标样式库。ionicons采用了TrueType字体实现图标样式，有超过500个图标可供选择。使用图标很简单，在元素上声明以下两个CSS类即可：.ic

按钮 : .buttonionic使用.button样式定义按钮元素： class="button">...一旦元素应用了.button样式，就可以继续选用两类预定义样式来进一步声明元素及其内容的外观：同级样式 - 同级样式与.button应用在同一元素上，声明元素的位置、配色等。下级样式 - 下级样式只能应用在.button的子元素上，声明子元素的大小等特征。.b

一     .bar : 位置ionic使用以下样式定义条块的位置：.bar-header - 置顶.bar-subheader - header之下置顶.bar-footer - 置底.bar-subfooter - footer之上置底在腾讯新闻App中，你可以看到，使用了三个条块：标题、副标题、页脚：html>html>head> meta name=

内容：.content和.scroll-contentionic预定义了两个内容容器样式：.content - 流式定位，内容元素在文档流中按顺序定位.scroll-content - 绝对定位，内容元素占满整个屏幕这两种样式都可以使用以下样式进一步确定位置及范围：html>html>head> meta name="viewport" conten

列表 : .list列表非常适合于手机屏幕上的信息的显示。使用.list定义列表容器，使用.item定义列表成员： class="list"> class="item">... class="item">... class="item">... class="item">...对列表外观的定制化主要集中在.item元素上，.list元素仅有少数的几个样式

转至：http://bbs.phonegap100.com/thread-1495-1-1.html$ionicConfigProvider, ios and android在 iOS中, tabs 一直处于底部. 在android中 ionic tabs 一直在顶部,如果要改我们可以通过配置$ionicConfigProvider。.confi

选项卡 : .tabs选项卡是一个可以包含多个按钮或链接的容器，通常用于提供一致的导航体验。ionic中使用.tabs样式声明选项卡，使用.tab-item样式声明选项卡成员 class="tabs"> class="tab-item">... class="tab-item">... ...选项卡默认地位于屏幕底部。一旦元素应用了.tabs样式，就可以继续选用三

输入组件容器 : .item-input在ionic中，各种输入组件被定义成不同的HTML模板，以便将描述标签和输入元素打包在一起。在这个模板的根元素上，需要声明.item-input样式： class="item-input">...不同的输入元素有不同的模板定义。比如，文本输入通常包含一个描述标签： class="item-input"> class="input-la