一、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