FABs

http://ionicframework.com/docs/v2/components/#fabs

FABs(浮动按钮)是标准的Material设计风格组件。这种组件显示为圆形。当按下时,也许会包含更多相关的交互。像它的名字一样,这种按钮会浮动在其他内容之上的固定位置。

基本用法

<ion-content>
    <!-- Real floating action button, fixed. It will not scroll with the content -->
    <ion-fab top right edge>
        <button ion-fab mini><ion-icon name="add"></ion-icon>                            </button>
         <ion-fab-list>
            <button ion-fab><ion-icon name="logo-facebook"></ion-icon></button>
            <button ion-fab><ion-icon name="logo-twitter"></ion-icon></button>
            <button ion-fab><ion-icon name="logo-vimeo"></ion-icon></button>
            <button ion-fab><ion-icon name="logo-googleplus"></ion-icon></button>
        </ion-fab-list>
    </ion-fab>
    <ion-fab right bottom>
        <button ion-fab color="light"><ion-icon name="arrow-dropleft"></ion-icon></button>
        <ion-fab-list side="left">
            <button ion-fab><ion-icon name="logo-facebook"></ion-icon></button>
            <button ion-fab><ion-icon name="logo-twitter"></ion-icon></button>
            <button ion-fab><ion-icon name="logo-vimeo"></ion-icon></button>
 <button ion-fab><ion-icon name="logo-googleplus"></ion-icon></button>
        </ion-fab-list>
    </ion-fab>
</ion-content>

更多内容请查看API文档。

results matching ""

    No results matching ""