|
|
@@ -17,19 +17,19 @@
|
|
|
<el-col :span="6">
|
|
|
<div class="citem-nav" @click="menuIndex = '2'">
|
|
|
<img src="../assets/image/a-hebing.png" class="citem-img" />
|
|
|
- <p class="citem-name">音频合并</p>
|
|
|
+ <p class="citem-name">视频合并</p>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<div class="citem-nav" @click="menuIndex = '3'">
|
|
|
- <img src="../assets/image/a-yasuo.png" class="citem-img" />
|
|
|
- <p class="citem-name">音频压缩</p>
|
|
|
+ <img src="../assets/image/a-gif.png" class="citem-img" />
|
|
|
+ <p class="citem-name">视频转GIF</p>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<div class="citem-nav" @click="menuIndex = '4'">
|
|
|
- <img src="../assets/image/a-feige.png" class="citem-img" />
|
|
|
- <p class="citem-name">音频分割</p>
|
|
|
+ <img src="../assets/image/a-yinpin.png" class="citem-img" />
|
|
|
+ <p class="citem-name">视频转音频</p>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -39,26 +39,26 @@
|
|
|
<el-row :gutter="40">
|
|
|
<el-col :span="6">
|
|
|
<div class="citem-nav" @click="menuIndex = '5'">
|
|
|
- <img src="../assets/image/a-biansu.png" class="citem-img" />
|
|
|
- <p class="citem-name">音频变速</p>
|
|
|
+ <img src="../assets/image/a-yasuo.png" class="citem-img" />
|
|
|
+ <p class="citem-name">视频压缩</p>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<div class="citem-nav" @click="menuIndex = '6'">
|
|
|
- <img src="../assets/image/a-yinliang.png" class="citem-img" />
|
|
|
- <p class="citem-name">音量调整</p>
|
|
|
+ <img src="../assets/image/a-xiaoyin.png" class="citem-img" />
|
|
|
+ <p class="citem-name">视频消音</p>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<div class="citem-nav" @click="menuIndex = '7'">
|
|
|
- <img src="../assets/image/a-daoxu.png" class="citem-img" />
|
|
|
- <p class="citem-name">倒序播放</p>
|
|
|
+ <img src="../assets/image/a-biansu.png" class="citem-img" />
|
|
|
+ <p class="citem-name">视频变速</p>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<div class="citem-nav" @click="menuIndex = '8'">
|
|
|
- <img src="../assets/image/a-tiqu.png" class="citem-img" />
|
|
|
- <p class="citem-name">音频提取</p>
|
|
|
+ <img src="../assets/image/a-yinliang.png" class="citem-img" />
|
|
|
+ <p class="citem-name">音量调整</p>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -100,15 +100,15 @@
|
|
|
<div v-if="(menuIndex != '8' && audioList.length == 0) || (menuIndex == 8 && videoList.length == 0)" class="upload-area">
|
|
|
<div class="file-area" @click="pickFile()" id="drag-audio" @dragover.prevent @drop="handleDrop">
|
|
|
<div class="file-area-pos">
|
|
|
- <!-- <img src="../assets/image/upload.png" style="width: 220px;"/> -->
|
|
|
- <img v-if="menuIndex == '1'" src="../assets/image/a-geshi.png" class="upload-img"/>
|
|
|
+ <img src="../assets/image/upload.png" style="width: 220px;"/>
|
|
|
+ <!-- <img v-if="menuIndex == '1'" src="../assets/image/a-geshi.png" class="upload-img"/>
|
|
|
<img v-if="menuIndex == '2'" src="../assets/image/a-hebing.png" class="upload-img"/>
|
|
|
<img v-if="menuIndex == '3'" src="../assets/image/a-yasuo.png" class="upload-img"/>
|
|
|
<img v-if="menuIndex == '4'" src="../assets/image/a-feige.png" class="upload-img"/>
|
|
|
<img v-if="menuIndex == '5'" src="../assets/image/a-biansu.png" class="upload-img"/>
|
|
|
<img v-if="menuIndex == '6'" src="../assets/image/a-yinliang.png" class="upload-img"/>
|
|
|
<img v-if="menuIndex == '7'" src="../assets/image/a-daoxu.png" class="upload-img"/>
|
|
|
- <img v-if="menuIndex == '8'" src="../assets/image/a-tiqu.png" class="upload-img"/>
|
|
|
+ <img v-if="menuIndex == '8'" src="../assets/image/a-tiqu.png" class="upload-img"/> -->
|
|
|
<p style="font-size: 16px;">点击添加文件或拖拽文件到此</p>
|
|
|
<template v-if="menuIndex != '8'">
|
|
|
<div style="font-size: 12px; color: #999;padding-top:15px;">
|
|
|
@@ -1682,8 +1682,9 @@ export default {
|
|
|
}
|
|
|
|
|
|
.citem-img {
|
|
|
- width: 78%;
|
|
|
- margin-bottom: 20px;
|
|
|
+ width: 50%;
|
|
|
+ margin: 16% 0;
|
|
|
+ // margin-bottom: 20px;
|
|
|
}
|
|
|
|
|
|
.citem-name{
|
