ionic2 学习笔记（二）按钮button设置

<button ion-button>也有<ion-buttons> block 方角大长方形。full方角大 超 长方形。 round 圆角。 outline 无背景有border。 clear无背景无border。small large大小按钮。

<button ion-button color="light" round>Light Round</button>
<button ion-button round>Primary Round</button>
<button ion-button color="secondary" round>Secondary Round</button>
<button ion-button color="danger" round>Danger Round</button>
<button ion-button color="dark" round>Dark Round</button>

带有图标的图标按钮

<!-- Float the icon left -->
<button ion-button icon-left>
  <ion-icon name="home"></ion-icon>
  Left Icon
</button>

<!-- Float the icon right -->
<button ion-button icon-right>
  Right Icon
  <ion-icon name="home"></ion-icon>
</button>

<!-- Only icon (no text) -->
<button ion-button icon-only>
  <ion-icon name="home"></ion-icon>
</button>

 icon-only有大小之分  <ion-buttons>

<ion-header>

  <ion-navbar color="primary">
    <ion-title>buttonimg</ion-title>
    <ion-buttons start>
      <button ion-button >
        <ion-icon name="search"></ion-icon>
      </button>
    </ion-buttons>
    <ion-buttons end>
      <button ion-button icon-only>
        <ion-icon name="search"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>