如何使用内联元素创建ionic3页眉

时间:2017-09-21 13:33:34

标签: css angular typescript ionic2 ionic3

我需要在Ionic 3中创建一个与此附加线框完全相同的标题栏,其中包含:菜单按钮,标题和带圆角的搜索栏。所有这一切都在同一条线上。 我不能在同一行上放两个以上的元素。

线框标题栏

enter image description here

据我所知,

脚本:

<ion-toolbar no-border-top>
  <button  ion-button icon-only menuToggle>
    <ion-icon name="menu"></ion-icon>
  </button>
  <ion-title>Titulo</ion-title>
  <ion-searchbar (ionInput)="getItems($event)"></ion-searchbar>
  <ion-list>
    <ion-item *ngFor="let item of items">
      <!-- {{ item }} -->
    </ion-item>
  </ion-list>          
</ion-toolbar>

0 个答案:

没有答案