ng-ytl-zorro-antd/src/showcase/nz-demo-card/nz-demo-card-inner.component.ts

An enterprise-class UI components based on Ant Design and Angular

import { Component } from '@angular/core';

@Component({
  selector: 'nz-demo-card-inner',
  template: `
    <nz-card nzNoHovering>
      <ng-template #title>卡片标题</ng-template>
      <ng-template #body>
        <div nz-card-grid [ngStyle]="gridStyle">卡片内容</div>
        <div nz-card-grid [ngStyle]="gridStyle">卡片内容</div>
        <div nz-card-grid [ngStyle]="gridStyle">卡片内容</div>
        <div nz-card-grid [ngStyle]="gridStyle">卡片内容</div>
        <div nz-card-grid [ngStyle]="gridStyle">卡片内容</div>
        <div nz-card-grid [ngStyle]="gridStyle">卡片内容</div>
        <div nz-card-grid [ngStyle]="gridStyle">卡片内容</div>
      </ng-template>
    </nz-card>
  `,
  styles  : []
})
export class NzDemoCardInnerComponent {
  gridStyle = {
    width: '25%',
    textAlign: 'center',
  };
}