FabButton

来源:互联网 发布:北京青旅短租推荐 知乎 编辑:程序博客网 时间:2024/06/04 23:33

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

0 0
原创粉丝点击