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