quick-menu 快速菜单

快速菜单,用于右侧隐式辅助列表。

  1. import { QuickMenuModule } from '@delon/abc/quick-menu';

代码演示

quick-menu 快速菜单 - 图1

演示

点击右侧问号打开菜单。

  1. import { Component } from '@angular/core';
  2. @Component({
  3. selector: 'components-quick-menu-basic',
  4. template: `
  5. <quick-menu>
  6. <nz-list [nzBordered]="false" [nzSplit]="false">
  7. <nz-list-item><a href="#">Link1</a></nz-list-item>
  8. <nz-list-item><a href="#">Link2</a></nz-list-item>
  9. <nz-list-item><a href="#">Link3</a></nz-list-item>
  10. <nz-list-item><a href="#">Link4</a></nz-list-item>
  11. <nz-list-item><a href="#">Link5</a></nz-list-item>
  12. </nz-list>
  13. </quick-menu>
  14. `
  15. })
  16. export class ComponentsQuickMenuBasicComponent {
  17. }

API

quick-menu

成员说明类型默认值
[icon]图标string,TemplateRef<void>question-circle
[top]距离顶部number120
[width]打开后宽度number200
[bgColor]背景string-
[borderColor]边框颜色string-