Rainie/bbq
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

edit

Browse Source
This commit is contained in:
Taric Xin
2022-04-20 17:14:28 +08:00
parent 8b262bd028
commit c432f38bea
4 changed files with 53 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/app/shared/components/dynamic-setting/dynamic-setting-h5/dynamic-setting-h5.component.html
View File

@ -109,6 +109,40 @@
*ngFor="let re of item.remark"></nz-option>
</nz-select>
</ng-container>
<!-- 图片上传 -->
<ng-container *ngSwitchCase="12">
<div>
<nz-upload class="avatar-uploader" [nzAction]="service.$api_upload_url"
[nzName]="'multipartFile'" nzName="avatar" nzListType="picture-card"
[nzShowUploadList]="false" (nzChange)="uploadChange($event,item)">
<ng-container *ngIf="!item.itemValue">
<i class="upload-icon" nz-icon
[nzType]="service.http.loading ? 'loading' : 'plus'"></i>
<div class="ant-upload-text">上传</div>
</ng-container>
<div style="width: 102px;height: 102px;display: flex;align-items: center;justify-content: center;"
*ngIf="item.itemValue" (click)="$event.cancelBubble = true">
<img nz-image [nzSrc]="item.itemValue"
style="max-width: 102px;max-height: 102px;" />
</div>
</nz-upload>
<p>支持
<ng-container *ngFor="let item of item.remark?.format">
{{item}},
</ng-container>
格式，文件小于{{item.remark?.size || 2}}M（建议尺寸
{{item.remark?.width || 750}}px * {{item.remark?.height|| 1622}}px）。
<a *ngIf="item.remark?.caseImage"
(click)="showImg(item.remark?.caseImage)">查看示例</a>
</p>
</div>
</ng-container>
<!-- 文本域 -->
<ng-container *ngSwitchCase="13">
<textarea rows="4" nz-input [(ngModel)]="item.itemValue" style="width: 400px;"
[maxlength]="item.remark?.maxLength"
[placeholder]="item.remark?.placeholder || ''"></textarea>
</ng-container>
<!-- 开关选项 -->
<ng-container *ngSwitchCase="999">
<ng-content select="custom-element"></ng-content>