Commit c4f68981 authored by limingzhe's avatar limingzhe

fix: 修改表单样式

parent 54c7c94b
...@@ -17,6 +17,8 @@ ...@@ -17,6 +17,8 @@
</app-audio-recorder> </app-audio-recorder>
</nz-form-control> </nz-form-control>
<div style="margin-top: 100px"></div>
<nz-divider nzText="总音频" nzOrientation="left"></nz-divider> <nz-divider nzText="总音频" nzOrientation="left"></nz-divider>
<nz-form-control [nzSpan]="6"> <nz-form-control [nzSpan]="6">
<app-audio-recorder id="item.title.allmusic_audio" [audioUrl]="item.title.allmusic_audio" <app-audio-recorder id="item.title.allmusic_audio" [audioUrl]="item.title.allmusic_audio"
...@@ -24,10 +26,7 @@ ...@@ -24,10 +26,7 @@
</app-audio-recorder> </app-audio-recorder>
</nz-form-control> </nz-form-control>
<div style="margin-top: 120px"></div>
<div> <div>
<nz-divider nzText="句子" nzOrientation="left"></nz-divider> <nz-divider nzText="句子" nzOrientation="left"></nz-divider>
...@@ -35,7 +34,7 @@ ...@@ -35,7 +34,7 @@
<nz-form-control [nzSpan]="20" nzOffset="2"> <nz-form-control [nzSpan]="20" nzOffset="2">
<div *ngFor="let it of wordArr; let i = index" class="card-item" style="padding: 0.5vw;"> <div *ngFor="let it of wordArr; let i = index" class="card-item" style="padding: 0.5vw;">
<div class="border"> <div class="border">
<h5 style="width: 100%; line-height: 40px; text-align: center;"> 句组-{{i+1}}</h5> <h5 style="width: 100%; line-height: 40px; text-align: center;"> 句组-{{i+1}}</h5>
<div nz-form> <div nz-form>
<nz-form-item> <nz-form-item>
<nz-radio-group [(ngModel)]="it.left.num" (ngModelChange)="save()"> <nz-radio-group [(ngModel)]="it.left.num" (ngModelChange)="save()">
...@@ -50,7 +49,7 @@ ...@@ -50,7 +49,7 @@
<div *ngIf="it.num== 'N'" style="width: 80%"> <div *ngIf="it.num== 'N'" style="width: 80%">
<br> <br>
</div> </div>
<nz-form-label [nzSpan]="3" nzFor="it.left.word_val">句子</nz-form-label> <nz-form-label [nzSpan]="3" nzFor="it.left.word_val">句子</nz-form-label>
<nz-form-control [nzSpan]="20"> <nz-form-control [nzSpan]="20">
<input type="text" nz-input placeholder="请录入句子" [(ngModel)]="it.left.word_val" <input type="text" nz-input placeholder="请录入句子" [(ngModel)]="it.left.word_val"
...@@ -77,14 +76,14 @@ ...@@ -77,14 +76,14 @@
<thead> <thead>
<tr> <tr>
<th>单词</th> <th>单词</th>
<th>颜色</th> <th>颜色</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr *ngFor="let data of it.left.letters;let j = index"> <tr *ngFor="let data of it.left.letters;let j = index">
<td>{{data.letter_val}}</td> <td>{{data.letter_val}}</td>
<td> <td>
<nz-select [(ngModel)]="data.letter_color" (ngModelChange)="saveItem()"> <nz-select [(ngModel)]="data.letter_color" (ngModelChange)="saveItem()">
<!--<nz-option nzValue="C01" nzLabel="绿色"></nz-option>--> <!--<nz-option nzValue="C01" nzLabel="绿色"></nz-option>-->
...@@ -93,13 +92,13 @@ ...@@ -93,13 +92,13 @@
<nz-option nzValue="C04" nzLabel="黑色"></nz-option> <nz-option nzValue="C04" nzLabel="黑色"></nz-option>
</nz-select> </nz-select>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</nz-table> </nz-table>
</div> </div>
</nz-form-item> </nz-form-item>
</div> </div>
<button style="margin: 10px;" nz-button nzType="danger" (click)="deleteItem(i)"> <button style="margin: 10px;" nz-button nzType="danger" (click)="deleteItem(i)">
<span>删除</span> <span>删除</span>
</button> </button>
...@@ -116,4 +115,4 @@ ...@@ -116,4 +115,4 @@
</nz-form-item> </nz-form-item>
</div> </div>
</div> </div>
</div> </div>
\ No newline at end of file
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