Card卡片
- 形状为矩形。
- 可包含多种类型的元素,eg:图片、文字、按钮等。
通栏
@Component({
selector: 'demo-card-full',
<Card [full]="true">
<CardHeader [title]="'This is title'"
[thumb]="'https://gw.alipayobjects.com/zos/rmsportal/MRhHctKOineMbKAZslML.jpg'"
[thumbStyle]="thumbStyle"
[extra]="extra"
>
<span>this is extra</span>
</ng-template>
</CardHeader>
<CardBody>
<div>This is content of Card</div>
</CardBody>
<ng-template #footerExtra>
<div>extra footer content</div>
</ng-template>
</Card>
`
})
export class DemoCardFullComponent {
thumbStyle = {
width: '32px',
height: '32px'
};
}
API