| @@ -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; | ||||