quick-menu 快速菜单
快速菜单,用于右侧隐式辅助列表。
import { QuickMenuModule } from '@delon/abc/quick-menu';
代码演示
演示
点击右侧问号打开菜单。
import { Component } from '@angular/core';
@Component({
selector: 'components-quick-menu-basic',
template: `
<quick-menu>
<nz-list [nzBordered]="false" [nzSplit]="false">
<nz-list-item><a href="#">Link1</a></nz-list-item>
<nz-list-item><a href="#">Link2</a></nz-list-item>
<nz-list-item><a href="#">Link3</a></nz-list-item>
<nz-list-item><a href="#">Link4</a></nz-list-item>
<nz-list-item><a href="#">Link5</a></nz-list-item>
</nz-list>
</quick-menu>
`
})
export class ComponentsQuickMenuBasicComponent {
}
API
quick-menu
成员 | 说明 | 类型 | 默认值 |
---|---|---|---|
[icon] | 图标 | string,TemplateRef<void> | question-circle |
[top] | 距离顶部 | number | 120 |
[width] | 打开后宽度 | number | 200 |
[bgColor] | 背景 | string | - |
[borderColor] | 边框颜色 | string | - |