Card卡片

• 形状为矩形。
• 可包含多种类型的元素，eg：图片、文字、按钮等。

默认

通栏

@Component({
  selector: 'demo-card-full',
  template: `
      <CardHeader
        [title]="'This is title'"
        [extra]="extra"
        [thumb]="'https://gw.alipayobjects.com/zos/rmsportal/MRhHctKOineMbKAZslML.jpg'"
        [thumbStyle]="thumbStyle"
      >
        <ng-template #extra>
          <span>this is extra</span>
        </ng-template>
      </CardHeader>
        <div>This is content of Card</div>
      </CardBody>
        <ng-template #footerExtra>
          <div>extra footer content</div>
        </ng-template>
      </CardFooter>
    </Card>
  `
})
export class DemoCardFullComponent {
  thumbStyle = {
    width: '32px',
    height: '32px'
  };

API