Commit 7e8504ee authored by edz's avatar edz

feat: 测试

parent 49b37202
......@@ -13,7 +13,7 @@
padding: 5px;
margin: 10px;
width: 300px;
height: 170px;
height: 190px;
display: flex;
flex-direction: column;
align-items: center
......
......@@ -3,16 +3,7 @@
<div style="padding: 20px">
<!--<app-custom-hot-zone-->
<!--[bgItem]="bgItem"-->
<!--[hotZoneItemArr]="hotZoneItemArr"-->
<!--[customTypeGroupArr]="customTypeGroupArr"-->
<!--(save)="saveHotZone($event)"-->
<!--&gt;-->
<!--</app-custom-hot-zone>-->
<div style="margin-top: 30px;">
......@@ -25,9 +16,9 @@
</div>
<h2>组 - {{gIdx+1}}</h2>
<div style="display: flex; align-items: center;">
<span> title:</span>
<input type="text" nz-input [(ngModel)]="g.text" (blur)="save()">
<input type="text" style="width: 40px; margin-left: 5px" maxlength="1" nz-input [(ngModel)]="g.letter" (blur)="save()">
<span> title letter</span>
<!-- <input type="text" nz-input [(ngModel)]="g.text" (blur)="save()"> -->
<input type="text" style="width: 140px; margin-left: 5px" maxlength="1" nz-input [(ngModel)]="g.letter" (blur)="save()">
</div>
<app-audio-recorder
......@@ -41,6 +32,17 @@
编辑拖拽项
</button>
<div style="margin-top: 5px;">
<span>场景: </span>
<nz-radio-group [(ngModel)]="g.bg">
<label nz-radio nzValue="1">1</label>
<label nz-radio nzValue="2">2</label>
<label nz-radio nzValue="3">3</label>
<label nz-radio nzValue="4">4</label>
</nz-radio-group>
</div>
</div>
<!--<div *ngFor="let it of picArr; let i = index" style="padding: 10px">-->
......@@ -85,7 +87,7 @@
<nz-modal [(nzVisible)]="isShowPicPanel" nzWidth="90%" nzTitle="编辑拖拽项" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
<div *ngIf="curGroup" style="display: flex; flex-wrap: wrap">
<div *ngFor="let it of curGroup.picArr; let i = index" style="display: flex; align-items: center; flex-direction: column ; margin:5px; width: 240px; height: 200px; border: 1px dashed #ccc; border-radius: 5px;">
<div *ngFor="let it of curGroup.picArr; let i = index" style="display: flex; align-items: center; flex-direction: column ; margin:5px; width: 240px; height: 255px; border: 1px dashed #ccc; border-radius: 5px;">
<div style="position: absolute; width: 240px" align="right">
<button nz-button nzType='danger' (click)="deletePic(i)" style=" margin-right: 5px; width: 30px; height: 30px; display:flex; align-items:center; justify-content: center; ">X</button>
......@@ -95,7 +97,8 @@
图 - {{i+1}}
</h3>
<div>
<div align="center">
<h4>单词:{{it.word}}</h4>
<nz-select style="width: 50px;" [(ngModel)]="it.letter" (ngModelChange)="lettersChange($event)">
<nz-option *ngFor="let l of letters" [nzValue]="l" [nzLabel]="l"></nz-option>
</nz-select>
......@@ -104,8 +107,11 @@
</nz-select>
</div>
<div>
<div style="width: 70%; height: 100px; margin-top: 5px">
<app-upload-image-with-preview
[picUrl]="it.pic_url"
(imageUploaded)="onImageUploadSuccess($event, 'pic_url', it)">
</app-upload-image-with-preview>
</div>
<app-audio-recorder
......
......@@ -204,6 +204,7 @@ export class FormComponent implements OnInit, OnChanges, OnDestroy {
title: '',
letter: '',
audio_url: '',
bg: '1',
picArr: [],
};
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment