background-upload.component.html 2.98 KB
Newer Older
李维's avatar
李维 committed
1 2 3 4
<div class="content-border">
  <nz-form-item>
    <nz-form-label [nzSpan]="2" >左上</nz-form-label>
    <nz-form-control [nzSpan]="6">
李维's avatar
李维 committed
5
      <app-upload-image-with-preview style="width: 100%" canDelete="true" (delete)="deletePic('leftTop')" [picUrl]="items.leftTop"
李维's avatar
李维 committed
6 7 8 9
        (imageUploaded)="onImageUploadSuccess($event, items, 'leftTop')"></app-upload-image-with-preview>
    </nz-form-control>
    <nz-form-label [nzSpan]="2" >中上</nz-form-label>
    <nz-form-control [nzSpan]="6">
李维's avatar
李维 committed
10
      <app-upload-image-with-preview style="width: 100%" canDelete="true" (delete)="deletePic('middleTop')" [picUrl]="items.middleTop"
李维's avatar
李维 committed
11 12 13 14
        (imageUploaded)="onImageUploadSuccess($event, items, 'middleTop')"></app-upload-image-with-preview>
    </nz-form-control>
    <nz-form-label [nzSpan]="2" >右上</nz-form-label>
    <nz-form-control [nzSpan]="6">
李维's avatar
李维 committed
15
      <app-upload-image-with-preview style="width: 100%" canDelete="true" (delete)="deletePic('rightTop')" [picUrl]="items.rightTop"
李维's avatar
李维 committed
16 17 18 19 20 21
        (imageUploaded)="onImageUploadSuccess($event, items, 'rightTop')"></app-upload-image-with-preview>
    </nz-form-control>
  </nz-form-item>
  <nz-form-item>
    <nz-form-label [nzSpan]="2" >左中</nz-form-label>
    <nz-form-control [nzSpan]="6">
李维's avatar
李维 committed
22
      <app-upload-image-with-preview style="width: 100%" canDelete="true" (delete)="deletePic('leftMiddle')" [picUrl]="items.leftMiddle"
李维's avatar
李维 committed
23 24 25 26 27
        (imageUploaded)="onImageUploadSuccess($event, items, 'leftMiddle')"></app-upload-image-with-preview>
    </nz-form-control>  
    <div nz-col nzSpan="8"></div>
    <nz-form-label [nzSpan]="2" >右中</nz-form-label>
    <nz-form-control [nzSpan]="6">
李维's avatar
李维 committed
28
      <app-upload-image-with-preview style="width: 100%" canDelete="true" (delete)="deletePic('rightMiddle')" [picUrl]="items.rightMiddle"
李维's avatar
李维 committed
29 30 31 32 33 34
        (imageUploaded)="onImageUploadSuccess($event, items, 'rightMiddle')"></app-upload-image-with-preview>
    </nz-form-control>
  </nz-form-item>
  <nz-form-item>
    <nz-form-label [nzSpan]="2" >左下</nz-form-label>
    <nz-form-control [nzSpan]="6">
李维's avatar
李维 committed
35
      <app-upload-image-with-preview style="width: 100%" canDelete="true" (delete)="deletePic('leftBottom')" [picUrl]="items.leftBottom"
李维's avatar
李维 committed
36 37 38 39
        (imageUploaded)="onImageUploadSuccess($event, items, 'leftBottom')"></app-upload-image-with-preview>
    </nz-form-control>
    <nz-form-label [nzSpan]="2" >中下</nz-form-label>
    <nz-form-control [nzSpan]="6">
李维's avatar
李维 committed
40
      <app-upload-image-with-preview style="width: 100%" canDelete="true" (delete)="deletePic('middleBottom')" [picUrl]="items.middleBottom"
李维's avatar
李维 committed
41 42 43 44
        (imageUploaded)="onImageUploadSuccess($event, items, 'middleBottom')"></app-upload-image-with-preview>
    </nz-form-control>
    <nz-form-label [nzSpan]="2">右下</nz-form-label>
    <nz-form-control [nzSpan]="6">
李维's avatar
李维 committed
45
      <app-upload-image-with-preview style="width: 100%" canDelete="true" (delete)="deletePic('rightBottom')" [picUrl]="items.rightBottom"
李维's avatar
李维 committed
46 47 48 49
        (imageUploaded)="onImageUploadSuccess($event, items, 'rightBottom')"></app-upload-image-with-preview>
    </nz-form-control>
  </nz-form-item>
</div>