|
|
@@ -53,9 +53,9 @@
|
|
|
</el-tabs>
|
|
|
</div>
|
|
|
</el-row>
|
|
|
- <div >
|
|
|
- <span>保存目录：</span>
|
|
|
- <el-input :title="handleData.newPath" ref="upload-input" @focus="pickPath" placeholder="请选择输出目录" size="small" v-model="handleData.newPath" readonly style="width:180px;" prefix-icon="el-icon-folder"></el-input>
|
|
|
+ <div>
|
|
|
+ <span>输出目录：</span>
|
|
|
+ <el-input :title="handleData.newPath" ref="upload-input" @focus="pickPath" placeholder="请选择输出目录" size="mini" v-model="handleData.newPath" readonly style="width:180px;" prefix-icon="el-icon-folder"></el-input>
|
|
|
<el-popover placement="bottom" popper-class="popper-open" trigger="hover" content="打开保存目录">
|
|
|
<i class="el-icon-folder-opened" slot="reference" style="padding-left: 5px; cursor: pointer; font-size: 22px; vertical-align: middle;" @click="openFolder()"></i>
|
|
|
</el-popover>
|
|
|
@@ -199,13 +199,14 @@
|
|
|
|
|
|
<div class="content-center">
|
|
|
<div class="title" style="position: relative;">
|
|
|
- <i class="iconfont icon-shezhi"></i>效果预览 <span style="color: #F56C6C;" v-if="menuIndex == '2'">仅作参考，请以实际为准！</span>
|
|
|
+ <i class="iconfont icon-shezhi"></i>效果预览
|
|
|
+ <span style="color: #F56C6C; float: right;" v-if="menuIndex == '2'">仅作参考，请以实际为准！</span>
|
|
|
<el-button size="mini" type="info" style="position: absolute; right: 10px; top: 5px;"
|
|
|
@click="refreshVideo()" v-if="menuIndex == '3'">点击刷新预览</el-button>
|
|
|
</div>
|
|
|
<div class="show-img" style="position:relative;overflow: hidden;" v-loading="imgLoading">
|
|
|
- <!-- <img src="../assets/image/play.png" /> -->
|
|
|
- <img @click="menuIndex == '3' ? playVideo() : ''" class="result-img" :src="imgSrc" />
|
|
|
+ <img v-if="menuIndex == '3'" @click="playVideo()" src="../assets/image/play.png" class="play-icon" />
|
|
|
+ <img class="result-img" :src="imgSrc" />
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
@@ -982,7 +983,7 @@ export default {
|
|
|
if(this.menuIndex == '3' && this.handleData.sizeType != 1){
|
|
|
if(this.handleData.width <= 0 || this.handleData.height <=0){
|
|
|
this.$message({message: '请设置缩放的宽度和高度！', type: 'warning'});
|
|
|
- return false
|
|
|
+ return false;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -2351,4 +2352,19 @@ export default {
|
|
|
border: 2px solid #409EFF;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .play-icon{
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ margin: auto;
|
|
|
+ width: 100px;
|
|
|
+ opacity: 0.4;
|
|
|
+ z-index: 2;
|
|
|
+ cursor: pointer;
|
|
|
+
|
|
|
+ &:hover{
|
|
|
+ opacity: 1;
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|
