/
meta.ts
30 lines (29 loc) · 1.01 KB
/
meta.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
import { Component } from '@angular/core';
@Component({
selector: 'nz-demo-card-meta',
template: `
<nz-card style="width:300px;" [nzCover]="coverTemplate" [nzActions]="[actionSetting, actionEdit, actionEllipsis]">
<nz-card-meta
nzTitle="Card title"
nzDescription="This is the description"
[nzAvatar]="avatarTemplate"
></nz-card-meta>
</nz-card>
<ng-template #avatarTemplate>
<nz-avatar nzSrc="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></nz-avatar>
</ng-template>
<ng-template #coverTemplate>
<img alt="example" src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png" />
</ng-template>
<ng-template #actionSetting>
<span nz-icon nzType="setting"></span>
</ng-template>
<ng-template #actionEdit>
<span nz-icon nzType="edit"></span>
</ng-template>
<ng-template #actionEllipsis>
<span nz-icon nzType="ellipsis"></span>
</ng-template>
`
})
export class NzDemoCardMetaComponent {}