ionic
mainpro126
这个作者很懒,什么都没留下…
展开
-
ionic使用记录----popup
一个o2o的项目用到居中弹出层,尝试过$ionicModal,$ionicPopover,$ionicpopup$ionicModal是根据屏幕尺寸来的,小屏幕就全屏覆盖,大屏幕就显示弹出层。$ionicPopover类似tip框,在某个控件周围弹出小的覆盖层。ionicpopup类似alert功能,居中并可自定义内容,适合。$ionicpopup使用:原创 2015-06-03 10:49:08 · 4757 阅读 · 1 评论 -
ionic使用记录----色彩、图标、内边距
色彩ionic定义了九种前景/背景/边框的色彩样式,:可以在任何元素上使用这些样式设置前景和背景颜色: class="positive-bg energized">...图标ionic使用ionicons图标样式库。ionicons采用了TrueType字体实现图标样式,有超过500个图标可供选择。使用图标很简单,在元素上声明以下两个CSS类即可:.ic转载 2015-06-05 14:33:42 · 1122 阅读 · 0 评论 -
ionic使用记录----button
按钮 : .buttonionic使用.button样式定义按钮元素: class="button">...一旦元素应用了.button样式,就可以继续选用两类预定义样式来进一步声明元素及其内容的外观:同级样式 - 同级样式与.button应用在同一元素上,声明元素的位置、配色等。下级样式 - 下级样式只能应用在.button的子元素上,声明子元素的大小等特征。.b转载 2015-06-05 15:25:21 · 694 阅读 · 0 评论 -
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 · 1201 阅读 · 0 评论 -
ionic使用记录----content
内容:.content和.scroll-contentionic预定义了两个内容容器样式:.content - 流式定位,内容元素在文档流中按顺序定位.scroll-content - 绝对定位,内容元素占满整个屏幕这两种样式都可以使用以下样式进一步确定位置及范围:html>html>head> meta name="viewport" conten转载 2015-06-05 14:29:00 · 1004 阅读 · 0 评论 -
ionic使用记录----列表.list
列表 : .list列表非常适合于手机屏幕上的信息的显示。使用.list定义列表容器,使用.item定义列表成员: class="list"> class="item">... class="item">... class="item">... class="item">...对列表外观的定制化主要集中在.item元素上,.list元素仅有少数的几个样式转载 2015-06-05 14:43:42 · 1533 阅读 · 0 评论 -
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 · 864 阅读 · 0 评论 -
ionic使用记录----tabs
选项卡 : .tabs选项卡是一个可以包含多个按钮或链接的容器,通常用于提供一致的导航体验。ionic中使用.tabs样式声明选项卡,使用.tab-item样式声明选项卡成员 class="tabs"> class="tab-item">... class="tab-item">... ...选项卡默认地位于屏幕底部。一旦元素应用了.tabs样式,就可以继续选用三转载 2015-06-08 10:08:22 · 1044 阅读 · 0 评论 -
ionic使用记录------输入组件容器.item-input
输入组件容器 : .item-input在ionic中,各种输入组件被定义成不同的HTML模板,以便将描述标签和输入元素打包在一起。在这个模板的根元素上,需要声明.item-input样式: class="item-input">...不同的输入元素有不同的模板定义。比如,文本输入通常包含一个描述标签: class="item-input"> class="input-la转载 2015-06-08 09:09:37 · 5351 阅读 · 1 评论