MonkeyKingBi 2017-06-22
<ion-header> <ion-navbar> <ion-title> <ion-searchbar></ion-searchbar> </ion-title> <!--begin左侧;end结尾右侧--> <ion-buttons bigin> <button ion-button> 南京 <ion-icon name="ios-arrow-down" style="margin:2px 0px 0px 4px"></ion-icon> </button> </ion-buttons> </ion-navbar> </ion-header>
<ion-title> 标题 可以直接是一句话,这里用了searchbar
官网样式变量(去找不同标签对应的颜色变量)
官网所有icon (找到自己想用的图标)
这里我对ion-navbar 整个底部颜色进行了自定义
<!--在toolbar下添加选择城市按钮--> <ion-buttons bigin> <button ion-button> 南京 <ion-icon name="ios-arrow-down" style="margin:2px 0px 0px 4px"></ion-icon> </button> </ion-buttons>