FabButton

一、ion-fab

FABS（Floating Action Buttons）是一个标准的遵循md设计的组件。他们是一个代表各种行动的圆圈，当点击的时候，他可能包含更多的相关的按钮。FABs顾名思义是浮动在固定内容上方的。这并不是单单的实现<button ion-fab>而是必须使用<ion-fab>组件，就像：

<ion-content>
 <!-- Real floating action button, fixed. It will not scroll with the content -->
 <ion-fab>
   <button ion-fab>Button</button>
 </ion-fab>

 <!-- Button shaped as a circle that just like a normal button scrolls with the content -->
 <button ion-fab>Button</button>
</ion-content>

在这种情况下不会覆盖<ion-fab>，这个fab按钮也会像一般的按钮一样。

二、使用

<ion-fab>
  <button ion-fab color="primary">Button</button>
</ion-fab>

<!-- Mini -->
<ion-fab>
  <button ion-fab mini>Small</button>
</ion-fab>

三、属性

mini  让fab按钮减少尺寸

四、输入属性

color

mode