kepala dan bawah ionik

---

ion-header-bar

Ini ialah bar tajuk pengepala yang ditetapkan di bahagian atas skrin. Jika anda menambah gaya 'bar-subheader' padanya, ia akan menjadi sari kata.

Penggunaan

<ion-header-bar align-title="left" class="bar-positive">
  <div class="buttons">
    <button class="button" ng-click="doSomething()">Left Button</button>
  </div>
  <h1 class="title">Title!</h1>
  <div class="buttons">
    <button class="button">Right Button</button>
  </div>
</ion-header-bar>
<ion-content>
  Some content!
</ion-content>

API

Atribut	Jenis< /th>	Penerangan
align-title (pilihan) 属性 类型 描述 align-title (optional) string 这个是对齐 title 的。如果没有设置，它将会按照手机的默认排版(Ios的默认是居中，Android默认是居左)。它的值可以是 'left','center','right'。 no-tap-scroll (optional) boolean 默认情况下，头部标题栏在点击屏幕时内容会滚动到头部，可以将 no-tap-scroll 设置为 true 来禁止该动作。。它的值是布尔值（true/false）。	rentetan	Ini sejajar dengan tajuk. Jika tiada tetapan, ia akan dibentangkan mengikut susun atur lalai telefon (lalai untuk Ios terletak di tengah, dan lalai untuk Android ditinggalkan). Nilainya boleh 'kiri', 'tengah', 'kanan'.
taktal tanpa ketik (pilihan)	boolean< /code>	Secara lalai, kandungan bar tajuk pengepala akan menatal ke pengepala apabila skrin diklik Anda boleh menetapkan tatal tanpa ketik kepada benar untuk melumpuhkan tindakan ini. . Nilainya adalah boolean (benar/salah).

ion-footer-bar

Ketahui ion-header-bar dan fahami ion-footer-bar It's lebih mudah! Hanya ion-footer-bar berada di bahagian bawah skrin.

Penggunaan

<ion-content>
  Some content!
</ion-content>
<ion-footer-bar align-title="left" class="bar-assertive">
  <div class="buttons">
    <button class="button">Left Button</button>
  </div>
  <h1 class="title">Title!</h1>
  <div class="buttons" ng-click="doSomething()">
    <button class="button">Right Button</button>
  </div>
</ion-footer-bar>

API

属性	类型	描述
align-title (optional)	string	这个是对齐 title 的。如果没有设置，它将会按照手机的默认排版(Ios的默认是居中，Android默认是居左)。它的值可以是 'left','center','right'。