| @@ -382,19 +382,20 @@ | |||||
| <!-- ------------------------ 2 --> | <!-- ------------------------ 2 --> | ||||
| <el-tab-pane :label="$t('createVideo.uploadAudio')"> | <el-tab-pane :label="$t('createVideo.uploadAudio')"> | ||||
| <div class="card2"> | <div class="card2"> | ||||
| <!-- 免费用户时长提示 --> | |||||
| <div class="overtimeTips"> | |||||
| <img src="../../assets/img/tips.png" alt="" /> | |||||
| {{ | |||||
| lanChange == "zh-cn" | |||||
| ? `免费用户上传音频时长限制为60秒!` | |||||
| : `Free users upload audio time limit of 60 seconds!` | |||||
| }} | |||||
| </div> | |||||
| <!-- 上传音频 --> | <!-- 上传音频 --> | ||||
| <p> | <p> | ||||
| <el-icon class="icon-Headset"><i-ep-Headset /></el-icon> | <el-icon class="icon-Headset"><i-ep-Headset /></el-icon> | ||||
| {{ $t("createVideo.uploadAudio") }} | {{ $t("createVideo.uploadAudio") }} | ||||
| <div class="overtimeTips" style="float: right"> | |||||
| <img src="../../assets/img/tips.png" alt="" /> | |||||
| {{ | |||||
| lanChange == "zh-cn" | |||||
| ? `免费用户限制为60秒!` | |||||
| : `Free user limit 60 seconds!` | |||||
| }} | |||||
| </div> | |||||
| </p> | </p> | ||||
| <div | <div | ||||
| class="uploadVideo" | class="uploadVideo" | ||||
| @@ -418,19 +419,19 @@ | |||||
| <audio controls :src="audioUrl" id="uploadAudio"></audio> | <audio controls :src="audioUrl" id="uploadAudio"></audio> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <!-- 免费用户时长提示 --> | |||||
| <div class="overtimeTips"> | |||||
| <img src="../../assets/img/tips.png" alt="" /> | |||||
| {{ | |||||
| lanChange == "zh-cn" | |||||
| ? `免费用户录音时长限制为60秒!` | |||||
| : `Free user recording duration is limited to 60 seconds!` | |||||
| }} | |||||
| </div> | |||||
| <!-- 录制MP3上传语音 --> | <!-- 录制MP3上传语音 --> | ||||
| <p> | <p> | ||||
| <el-icon class="icon-Mic"><i-ep-Mic /></el-icon> | <el-icon class="icon-Mic"><i-ep-Mic /></el-icon> | ||||
| {{ $t("createVideo.recordedAudio") }} | {{ $t("createVideo.recordedAudio") }} | ||||
| <div class="overtimeTips" style="float: right"> | |||||
| <img src="../../assets/img/tips.png" alt="" /> | |||||
| {{ | |||||
| lanChange == "zh-cn" | |||||
| ? `免费用户限制为60秒!` | |||||
| : `Free user limit 60 seconds!` | |||||
| }} | |||||
| </div> | |||||
| </p> | </p> | ||||
| <div | <div | ||||
| class="uploadAudio" | class="uploadAudio" | ||||
| @@ -500,18 +501,11 @@ | |||||
| <!-- ----------------------- 3 --> | <!-- ----------------------- 3 --> | ||||
| <el-tab-pane :label="$t('createVideo.music')"> | <el-tab-pane :label="$t('createVideo.music')"> | ||||
| <div class="card3"> | <div class="card3"> | ||||
| <div class="overtimeTips" v-if="musicTabActive == 2"> | |||||
| <img src="../../assets/img/tips.png" alt="" /> | |||||
| {{ | |||||
| lanChange == "zh-cn" | |||||
| ? `免费用户上传音乐时长限制为60秒!` | |||||
| : `Free users can upload music for 60 seconds!` | |||||
| }} | |||||
| </div> | |||||
| <!-- 选择音乐 --> | <!-- 选择音乐 --> | ||||
| <p> | <p> | ||||
| <el-icon class="icon-Headset"><i-ep-Headset /></el-icon> | <el-icon class="icon-Headset"><i-ep-Headset /></el-icon> | ||||
| {{ $t("createVideo.chooseMusic") }} | |||||
| {{ $t("createVideo.chooseMusic") }} | |||||
| </p> | </p> | ||||
| <!-- tab栏 --> | <!-- tab栏 --> | ||||
| <div class="musicTab"> | <div class="musicTab"> | ||||
| @@ -531,6 +525,14 @@ | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <!-- 上传音乐 --> | <!-- 上传音乐 --> | ||||
| <div class="overtimeTips" v-if="musicTabActive == 2" style="margin-top: 5px;"> | |||||
| <img src="../../assets/img/tips.png" alt="" /> | |||||
| {{ | |||||
| lanChange == "zh-cn" | |||||
| ? `免费用户限制为60秒!` | |||||
| : `Free user limit 60 seconds!` | |||||
| }} | |||||
| </div> | |||||
| <div v-if="musicTabActive == 2" class="uploadVideo"> | <div v-if="musicTabActive == 2" class="uploadVideo"> | ||||
| <!-- <el-icon><i-ep-FolderAdd /></el-icon> --> | <!-- <el-icon><i-ep-FolderAdd /></el-icon> --> | ||||
| <div class="imgInCenter"> | <div class="imgInCenter"> | ||||
| @@ -2517,14 +2519,15 @@ onUnmounted(() => { | |||||
| .card2 { | .card2 { | ||||
| .overtimeTips { | .overtimeTips { | ||||
| font-size: 16px; | font-size: 16px; | ||||
| // width: 60%; | // width: 60%; | ||||
| // display: inline-block; | // display: inline-block; | ||||
| padding: 5px; | padding: 5px; | ||||
| margin-bottom: 10px; | margin-bottom: 10px; | ||||
| background-color: #ccc; | |||||
| // background-color: #ccc; | |||||
| border-radius: 5px; | border-radius: 5px; | ||||
| line-height: 20px; | line-height: 20px; | ||||
| color: #000; | |||||
| color: red; | |||||
| text-align: center; | text-align: center; | ||||
| img { | img { | ||||
| width: 16px; | width: 16px; | ||||
| @@ -2647,10 +2650,10 @@ onUnmounted(() => { | |||||
| // display: inline-block; | // display: inline-block; | ||||
| padding: 5px; | padding: 5px; | ||||
| margin-bottom: 10px; | margin-bottom: 10px; | ||||
| background-color: #ccc; | |||||
| // background-color: #ccc; | |||||
| border-radius: 5px; | border-radius: 5px; | ||||
| line-height: 20px; | line-height: 20px; | ||||
| color: #000; | |||||
| color: red; | |||||
| text-align: center; | text-align: center; | ||||
| img { | img { | ||||
| width: 16px; | width: 16px; | ||||