mainpro126的专栏

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

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

按钮 : .button ionic使用.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-content ionic预定义了两个内容容器样式： .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