From 12b04f145bae740e1971036b1e2dfc1bc224d17b Mon Sep 17 00:00:00 2001 From: fengxiang <110431245@qq.com> Date: Wed, 11 Jul 2018 14:38:47 +0800 Subject: [PATCH] Revert "框架调整" --- src/app/routes/pro/list/card-list/card-list.component.html | 48 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 48 insertions(+), 0 deletions(-) diff --git a/src/app/routes/pro/list/card-list/card-list.component.html b/src/app/routes/pro/list/card-list/card-list.component.html new file mode 100644 index 0000000..b3c60d6 --- /dev/null +++ b/src/app/routes/pro/list/card-list/card-list.component.html @@ -0,0 +1,48 @@ +<page-header [title]="'������������'"> + <ng-template #extra> + <div style="margin-top: -60px; text-align: center; width: 195px;"> + <img class="img-fluid" src="https://gw.alipayobjects.com/zos/rmsportal/RzwpdLnhmvDJToTdfDPe.png"> + </div> + </ng-template> + ������������������������������������������ ant.design��������������������������������������������������������������������������������������������������������������� + <div class="d-flex pt-md"> + <a class="d-flex pr-lg"> + <img class="pr-sm" src="https://gw.alipayobjects.com/zos/rmsportal/MjEImQtenlyueSmVEfUD.svg" />������������ + </a> + <a class="d-flex pr-lg"> + <img class="pr-sm" src="https://gw.alipayobjects.com/zos/rmsportal/NbuDUAuBlIApFuDvWiND.svg" />������������ + </a> + <a class="d-flex"> + <img class="pr-sm" src="https://gw.alipayobjects.com/zos/rmsportal/ohOEPSYdDTNnyMbGuyLb.svg" />������������ + </a> + </div> +</page-header> +<nz-list [nzLoading]="loading" [nzDataSource]="list" [nzRenderItem]="item" [nzGrid]="{gutter: 24, lg: 8, md: 12, sm: 24, xs: 24 }"> + <ng-template #item let-item> + <nz-list-item> + <button *ngIf="item === null" nz-button (click)="msg.success('add')" [nzType]="'dashed'" style="width: 100%; height: 183px;"> + <i class="anticon anticon-plus"></i> + <span>������������</span> + </button> + <nz-card nzHoverable *ngIf="item !== null" [nzActions]="[op1, op2]"> + <ng-template #op1> + <a (click)="msg.success('������������' + item.id);">���������</a> + </ng-template> + <ng-template #op2> + <a (click)="msg.success('������������' + item.id);">���������</a> + </ng-template> + <nz-card-meta [nzAvatar]="nzAvatar" [nzTitle]="nzTitle" [nzDescription]="nzDescription"> + <ng-template #nzAvatar> + <nz-avatar nzSize="large" [nzSrc]="item.avatar"></nz-avatar> + </ng-template> + <ng-template #nzTitle> + <a (click)="msg.success('���������' + item.id);">{{item.title}}</a> + </ng-template> + <ng-template #nzDescription> + <ellipsis>{{item.description}}</ellipsis> + </ng-template> + </nz-card-meta> + </nz-card> + </nz-list-item> + </ng-template> +</nz-list> -- Gitblit v1.8.0