Commit d0c9452a authored by kingweight's avatar kingweight

更新视频上传组件

parent edac7bc6
...@@ -12,28 +12,35 @@ ...@@ -12,28 +12,35 @@
<div class="model-content"> <div class="model-content">
<div <!-- <div
id="drop-area" id="drop-area"
(dragover)="onDragOver($event)" (dragover)="onDragOver($event)"
(drop)="onDrop($event)" (drop)="onDrop($event)"
> >
拖拽文件到此区域进行批量上传 拖拽文件到此区域进行批量上传
</div> </div> -->
<div style="width: 100%; display: inline-flex;flex-direction: row;flex-wrap: wrap;"> <div style="width: 100%; display: inline-flex;flex-direction: row;flex-wrap: wrap;">
<div style="width: 30% ; margin-left: 2.5%; min-width: 300px;margin-top: 20px;border: 2px dashed;padding: 20px 10px 5px 10px;" <div style="width: 50% ; margin-left: 2.5%; min-width: 300px; max-width: 650px; margin-top: 20px;border: 2px dashed;padding: 20px 10px 5px 10px;"
align='center' *ngFor="let data of item.dataArr;index as i"> align='center' >
<div style="width: 100px; background-color: white; transform: translateY(-30px);" > 视频 {{i+1}}</div> <div style="width: 100px; background-color: white; transform: translateY(-30px);" > 视频 </div>
<div style="width: 80%;" align='center'>
<input type="text" nz-input [(ngModel)]="data.title" (blur)="save()"> <div style="margin: 30px; display: flex; align-items: center; ">
<h3>单元名称:</h3>
<textarea nz-input [(ngModel)]="item.title" (blur)="save()" style=" width: 350px; min-height: 60px;"></textarea>
</div>
<div style="margin: 30px; display: flex; align-items: center; ">
<h3>视频互动课名称:</h3>
<textarea nz-input [(ngModel)]="item.video_title" (blur)="save()" style=" width: 350px; min-height: 60px;"></textarea>
</div> </div>
<br> <br>
<app-upload-image-with-preview style="width: 80%;" [picUrl]="data.cover" (imageUploaded)="onImageUploadSuccess_new($event,i)"> <app-upload-image-with-preview style="width: 80%;" [picUrl]="item.cover" (imageUploaded)="onImageUploadSuccess($event)">
</app-upload-image-with-preview> </app-upload-image-with-preview>
<app-upload-video [videoUrl]="data.video_url.replace('.mp4', '_h.mp4')" [showUploadBtn]="true" (videoUploaded)="onVideoUploaded_new($event,i)" (onCapture)="handleOnCapture($event,i)" (parentRef)="onParentRef($event,i)"></app-upload-video> <app-upload-video [videoUrl]="item.video_url.replace('.mp4', '_h.mp4')" [showUploadBtn]="true" (videoUploaded)="onVideoUploaded($event)" (onCapture)="handleOnCapture($event)" (parentRef)="onParentRef($event)"></app-upload-video>
<div style="padding: 5px 0;" align='center'> <div style="padding: 5px 0;" align='center'>
<input type="text" nz-input [(ngModel)]="data.video_url" (blur)="save()"> <input type="text" nz-input [(ngModel)]="item.video_url" (blur)="save()">
</div> </div>
<button style="margin-top: 10px; " (click)="onRemoveData(i)">删除</button> <button style="margin-top: 10px; " (click)="onRemoveData()">删除视频</button>
</div> </div>
<button style="width: 30% ;min-width: 300px;height: 170px; margin-top: 20px; margin-left:2.5%;" <button style="width: 30% ;min-width: 300px;height: 170px; margin-top: 20px; margin-left:2.5%;"
(click)="onAddData()">添加视频</button> (click)="onAddData()">添加视频</button>
......
This diff is collapsed.
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