|
@@ -68,7 +68,12 @@ |
|
|
</el-tab-pane> |
|
|
</el-tab-pane> |
|
|
<!-- ------------------------ 2 --> |
|
|
<!-- ------------------------ 2 --> |
|
|
<el-tab-pane :label="$t('createVideo.uploadAudio')"> |
|
|
<el-tab-pane :label="$t('createVideo.uploadAudio')"> |
|
|
<div class="card2">22222222222222222</div> |
|
|
|
|
|
|
|
|
<div class="card2"> |
|
|
|
|
|
<div class="uploadVideo"> |
|
|
|
|
|
<input type="file" ref="fileInput" @change="handleFileChange" /> |
|
|
|
|
|
<video ref="videoPlayer" controls></video> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
</el-tab-pane> |
|
|
</el-tab-pane> |
|
|
<!-- ----------------------- 3 --> |
|
|
<!-- ----------------------- 3 --> |
|
|
<el-tab-pane :label="$t('createVideo.aiScript')"> |
|
|
<el-tab-pane :label="$t('createVideo.aiScript')"> |
|
@@ -352,7 +357,23 @@ let languageOptions = reactive([ |
|
|
|
|
|
|
|
|
.tabs { |
|
|
.tabs { |
|
|
height: 100%; |
|
|
height: 100%; |
|
|
|
|
|
|
|
|
|
|
|
.card2 { |
|
|
|
|
|
padding: 10px; |
|
|
|
|
|
.uploadVideo { |
|
|
|
|
|
position: relative; |
|
|
|
|
|
margin-top: 10px; |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
height: 100px; |
|
|
|
|
|
border-radius: 10px; |
|
|
|
|
|
background-color: red; |
|
|
|
|
|
input { |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
opacity: 0; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
.card3 { |
|
|
.card3 { |
|
|
.text { |
|
|
.text { |
|
|
padding: 10px; |
|
|
padding: 10px; |
|
|