قمم وقيعان الأيونية

ايون رأس بار

تم إصلاح هذه إلى أعلى الشاشة شريط عنوان الرأس. إذا ما أضفنا إلى ذلك "شريط الرأس الفرعي" هذا النمط، والذي يحمل عنوانا فرعيا هو.

استعمال

<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

ايون تذييل بار

تعرف ايون-رأس بار، فهم ايون تذييل بار في السهل جاذبية! ايون تذييل بار فقط في الجزء السفلي من الشاشة.

استعمال

<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