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