Commit f4153f61 authored by kingweight's avatar kingweight

优化样式

parent a2b6b8bc
......@@ -3,29 +3,30 @@
<div class="model-content">
<div style="width: 100%; display: inline-flex;flex-direction: row;flex-wrap: wrap;">
<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' >
<div style="width: 100px; background-color: white; transform: translateY(-30px);" > 视频互动课信息 </div>
<div style="margin:30px; border: 2px #ccc solid; border-radius: 15px; width: 1000px; padding: 20px 10px 5px 10px; display: flex; justify-content: center;" >
<div >
<div style="width: 100px; background-color: white; transform: translateY(-30px);" > </div>
<div style="margin: 20px; display: flex; align-items: center; ">
<h3 style="width: 150px;">单元名称:</h3>
<textarea nz-input [(ngModel)]="item.title" (blur)="save()" style=" width: 436px; min-height: 60px;"></textarea>
<h3 style="width: 150px; text-align:left">单元名称:</h3>
<textarea nz-input [(ngModel)]="item.title" (blur)="save()" style=" width: 640px; min-height: 60px;"></textarea>
</div>
<div style="margin: 20px; display: flex; align-items: center; ">
<h3 style="min-width: 150px;">视频互动课名称:</h3>
<textarea nz-input [(ngModel)]="item.video_title" (blur)="save()" style=" width: 436px; min-height: 60px;"></textarea>
<h3 style="min-width: 150px; text-align:left">视频互动课名称:</h3>
<textarea nz-input [(ngModel)]="item.video_title" (blur)="save()" style=" width: 640px; min-height: 60px;"></textarea>
</div>
<br>
<div style="margin: 20px; display: flex; align-items: center; ">
<h3 style="min-width: 150px;">上传视频封面:</h3>
<app-upload-image-with-preview style="width: 80%;" [picUrl]="item.cover" (imageUploaded)="onImageUploadSuccess($event)">
<h3 style="min-width: 150px; text-align:left">上传视频封面:</h3>
<app-upload-image-with-preview style="width: 80%; max-width: 640px;" [picUrl]="item.cover" (imageUploaded)="onImageUploadSuccess($event)">
</app-upload-image-with-preview>
</div>
<div style="margin: 20px; display: flex; align-items: center; ">
<h3 style="min-width: 150px;">上传视频:</h3>
<app-upload-video style="width: 80%;" [videoUrl]="item.video_url.replace('.mp4', '_h.mp4')" [showUploadBtn]="true" (videoUploaded)="onVideoUploaded($event)"
<h3 style="min-width: 150px; text-align:left">上传视频:</h3>
<app-upload-video style="width: 80%; max-width: 640px;" [videoUrl]="item.video_url.replace('.mp4', '_h.mp4')" [showUploadBtn]="true" (videoUploaded)="onVideoUploaded($event)"
(onCapture)="handleOnCapture($event)" (parentRef)="onParentRef($event)"></app-upload-video>
</div>
<!-- <div style="padding: 5px 0;" align='center'>
......@@ -33,6 +34,8 @@
<input type="text" nz-input [(ngModel)]="item.video_url" disabled (blur)="save()">
</div> -->
</div>
</div>
</div>
</div>
......
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