angular的浮动动作按钮

angular的浮动动作按钮
插件名称 fab-speed-dial
发布时间 2020年5月19日
插件作者 Ecodev

可自定义的Angular Material的 Material FAB(浮动动作按钮)组件。

安装:

# Yarn
$ yarn add @ecodev/fab-speed-dial

# NPM
$ npm install @ecodev/fab-speed-dial  --save

使用:

以下是最小模板的示例。实施doAction()或使绑定适应您的需求:

<eco-fab-speed-dial>
    <eco-fab-speed-dial-trigger>
        <button mat-fab (click)="doAction('trigger')"><mat-icon>menu</mat-icon></button>
    </eco-fab-speed-dial-trigger>

    <eco-fab-speed-dial-actions>
        <button mat-mini-fab (click)="doAction('action1')"><mat-icon>添加</mat-icon></button>
        <button mat-mini-fab (click)="doAction('action2')"><mat-icon>编辑</mat-icon></button>
        <button mat-mini-fab (click)="doAction('action3')"><mat-icon>搜索</mat-icon></button>
    </eco-fab-speed-dial-actions>
</eco-fab-speed-dial>