ionic header和subheader头部指令 - 黄彪学习笔记 - ITeye技术网站
博客分类：
http://www.ionic.wang/js_doc-index-id-21.html
如果应用'bar-subheader'类，就可以成为一个subheader
&ion-header-bar class="bg_fdd000"&
&a class="button button-clear " ui-sref="appliance_repairDeviceOrder"&
&span class="icon ion-ios-arrow-left color_e5005a"&&/span&
&h1 class="title color_e5005a"&选择小区&/h1&
&/ion-header-bar&
.hb.bar .button.button-clear .icon::before, .hb.bar .button.button-clear.icon::before, .hb.bar .button.button-clear.icon-left::before, .hb.bar .button.button-clear.icon-right::before {
font-size: 14
line-height: 32
.list.district_class .item{
padding:0;
width: 100%;
&ion-header-bar class="bar-subheader hb"&
&div class="button-bar"&
&a class="button button-clear"&
&a class="button button-clear"&
&a class="button button-clear" style="overflow: visible" ng-click="showDistrictList()"&
&span id="btnValue"&不限&/span&&i class="icon ion-arrow-down-b" style="font-size: 14"&&/i&
&ul class="list absolute district_class" style="z-index: 999;top:105%;left: 0width: 105%;display: none"&
&li class="item" ng-click="itemSelected($event)"&
&li class="item" ng-click="itemSelected($event)"&
&li class="item" ng-click="itemSelected($event)"&
&li class="item" ng-click="itemSelected($event)"&
&li class="item" ng-click="itemSelected($event)"&
&li class="item" ng-click="itemSelected($event)"&
&li class="item" ng-click="itemSelected($event)"&
&li class="item" ng-click="itemSelected($event)"&
&/ion-header-bar&
浏览: 1963372 次
来自: 长沙
debug版本的apk没有问题，签名以后的apk 就不跳转链接 ...
直接用缓存啊 干嘛用map
不错。不知道你知不知道，缓存写磁盘，再恢复的问题
下载439次，就没一个说谢谢。ps：谢谢博主的分享。请问ionic的ion-view嵌套ion-side-menus后，为何ion-header-bar里面的按钮文字都不见了呢
&ion-view&&ion-side-menus&
&ion-side-menu-content&
&ion-header-bar&
&ion-nav-buttons side="left"&
&a class="button button-clear" ui-sref="tab.crm-board"&&i class="icon ion-ios-arrow-left"&&/i&仪表盘&/a&
&/ion-nav-buttons&
&h1 class="title"&电话量排行&/h1&
&/ion-header-bar&
&ion-content&
&div class="list"&
&div class="item item-divider" style="font-size: 17"&&i class="icon ion-calendar"&&/i&{{term}}&/div&
&div class="item" ng-init="createChart()"&
&div id="chart1Config"&&/div&
&div class="list"&
&/ion-content&
&/ion-side-menu-content&
&ion-side-menu side="left" width="150"&
&ion-content&
&/ion-content&
&/ion-side-menu&
&/ion-side-menus&
&/ion-view&
大家请看里面一个a标签和一个h1标签在页面上都不显示了，这是为什么呢][2]
本站内收录的所有文章及其中资源(图片、视频等)均来自于互联网，其版权均归原作者及其网站所有。
若发现bug或建议，欢迎您的位置：
& ionic JavaScript
ionic 头部和底部
ion-header-bar 这个是固定在屏幕顶部的一个头部标题栏。如果给它加上'bar-subheader' 这个样式，它就是副标题。 用法
&ion-header-bar align-title="left" class="bar-positive"&
&div class="buttons"&
&button class="button" ng-click="doSomething()"&Left Button&/button&
&h1 class="title"&Title!&/h1&
&div class="buttons"&
&button class="button"&Right Button&/button&
&/ion-header-bar&
&ion-content&
Some content!
&/ion-content&
属性 类型 描述
align-title (optional)
这个是对齐 title 的。如果没有设置，它将会按照手机的默认排版(Ios的默认是居中，Android默认是居左)。它的值可以是 'left','center','right'。
no-tap-scroll (optional)
这个是设置 header-bar 是否跟随着内容的滚动而滚动，就是是否固定在顶部。它的值是布尔值（true/false）。
ion-footer-bar 知道了 ion-header-bar ，理解ion-footer-bar就轻松多啦！只是 ion-footer-bar 是在屏幕的底部。
&ion-content&
Some content!
&/ion-content&
&ion-footer-bar align-title="left" class="bar-assertive"&
&div class="buttons"&
&button class="button"&Left Button&/button&
&h1 class="title"&Title!&/h1&
&div class="buttons" ng-click="doSomething()"&
&button class="button"&Right Button&/button&
&/ion-footer-bar&
与 ion-header-bar 不同的是，ion-footer-bar 只有 align-title 这个 API。
属性 类型 描述
align-title (optional)
这个是对齐 title 的。如果没有设置，它将会按照手机的默认排版(Ios的默认是居中，Android默认是居左)。它的值可以是 'left','center','right'。
本站部份内容来源自网络，文字、素材、图片版权属于原作者，本站转载素材仅供大家欣赏和分享，切勿做为商业目的使用。如有侵权请联系：QQ
Copyright (C)
All Rights Reserved.
网站备案号：ionic header跟subheader头部指令 - Web前端当前位置:& &&&ionic header跟subheader头部指令ionic header跟subheader头部指令&&网友分享于：&&浏览：0次ionic header和subheader头部指令
http://www.ionic.wang/js_doc-index-id-21.html
如果应用'bar-subheader'类，就可以成为一个subheader
&ion-header-bar class="bg_fdd000"&
&a class="button button-clear " ui-sref="appliance_repairDeviceOrder"&
&span class="icon ion-ios-arrow-left color_e5005a"&&/span&
&h1 class="title color_e5005a"&选择小区&/h1&
&/ion-header-bar&
.hb.bar .button.button-clear .icon::before, .hb.bar .button.button-clear.icon::before, .hb.bar .button.button-clear.icon-left::before, .hb.bar .button.button-clear.icon-right::before {
font-size: 14
line-height: 32
.list.district_class .item{
padding:0;
width: 100%;
&ion-header-bar class="bar-subheader hb"&
&div class="button-bar"&
&a class="button button-clear"&
&a class="button button-clear"&
&a class="button button-clear" style="overflow: visible" ng-click="showDistrictList()"&
&span id="btnValue"&不限&/span&&i class="icon ion-arrow-down-b" style="font-size: 14"&&/i&
&ul class="list absolute district_class" style="z-index: 999;top:105%;left: 0width: 105%;display: none"&
&li class="item" ng-click="itemSelected($event)"&
&li class="item" ng-click="itemSelected($event)"&
&li class="item" ng-click="itemSelected($event)"&
&li class="item" ng-click="itemSelected($event)"&
&li class="item" ng-click="itemSelected($event)"&
&li class="item" ng-click="itemSelected($event)"&
&li class="item" ng-click="itemSelected($event)"&
&li class="item" ng-click="itemSelected($event)"&
&/ion-header-bar&
12345678910
12345678910
12345678910 上一篇：下一篇：文章评论相关解决方案 1234567891011 Copyright & &&版权所有