|
@@ -7,22 +7,44 @@
|
|
|
</div>
|
|
|
<div class="tools">
|
|
|
<div class="next_return">
|
|
|
- <div class="return" title="撤销" @click="revocation" :style="`opacity:${operationList.length>1?'1':'.3'}`">
|
|
|
- <img class="retutn_icon" src="../assets/images/button_return.png" alt="">
|
|
|
+ <div
|
|
|
+ class="return"
|
|
|
+ title="撤销"
|
|
|
+ @click="revocation"
|
|
|
+ :style="`opacity:${operationList.length>1?'1':'.3'}`"
|
|
|
+ >
|
|
|
+ <img class="retutn_icon" src="../assets/images/button_return.png" alt />
|
|
|
<span>撤销</span>
|
|
|
</div>
|
|
|
- <div class="return" title="恢复" @click="recover" :style="`opacity:${nextList.length>0?'1':'.3'}`">
|
|
|
- <img class="retutn_icon" src="../assets/images/button_next.png" alt="">
|
|
|
+ <div
|
|
|
+ class="return"
|
|
|
+ title="恢复"
|
|
|
+ @click="recover"
|
|
|
+ :style="`opacity:${nextList.length>0?'1':'.3'}`"
|
|
|
+ >
|
|
|
+ <img class="retutn_icon" src="../assets/images/button_next.png" alt />
|
|
|
<span>恢复</span>
|
|
|
</div>
|
|
|
<div class="return" title="分享设置" @click="shareSetting">
|
|
|
- <img class="retutn_icon" src="../assets/images/share_setting_edit_nor.png" alt="">
|
|
|
+ <img class="retutn_icon" src="../assets/images/share_setting_edit_nor.png" alt />
|
|
|
<span>分享设置</span>
|
|
|
</div>
|
|
|
<div class="return" title="保存" @click="save">
|
|
|
- <img class="retutn_icon" src="../assets/images/save_edit_nor.png" alt="">
|
|
|
+ <img class="retutn_icon" src="../assets/images/save_edit_nor.png" alt />
|
|
|
<span>保存</span>
|
|
|
</div>
|
|
|
+ <div title="缩放" class="zoom-title">
|
|
|
+ <span class="size" @click="zoom(false)">-</span>
|
|
|
+ <div class="zoom-num">
|
|
|
+ <span
|
|
|
+ style="font-size:14px;font-family:MicrosoftYaHei;color:rgba(100,107,129,1);line-height:19px"
|
|
|
+ >{{zoomNum*100}}%</span>
|
|
|
+ <span
|
|
|
+ style="font-size:14px;font-family:MicrosoftYaHei;color:rgba(100,107,129,1);line-height:19px;"
|
|
|
+ >缩放</span>
|
|
|
+ </div>
|
|
|
+ <span class="size" @click="zoom(true)">+</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- <div class="next_return">
|
|
@@ -33,7 +55,7 @@
|
|
|
<el-button @click="grid" class="preview " type="primary" style="margin-left: 50px;">网格参考线</el-button>
|
|
|
|
|
|
<div class="right-panel">
|
|
|
- <el-button @click="deploy" class="preview" type="primary" :loading="loading">预览</el-button> -->
|
|
|
+ <el-button @click="deploy" class="preview" type="primary" :loading="loading">预览</el-button>-->
|
|
|
<!--<el-button @click="psd"-->
|
|
|
<!--class="preview"-->
|
|
|
<!--type="primary"-->
|
|
@@ -51,7 +73,7 @@
|
|
|
<input type="file" id="psdFile" name="image" @change="uploadFn">
|
|
|
|
|
|
</form>
|
|
|
- </div> -->
|
|
|
+ </div>-->
|
|
|
<!-- 分享设置 -->
|
|
|
<ShareSetting v-if="isShareSetting" :close="closeShare" :shareModel="shareModel"></ShareSetting>
|
|
|
</header>
|
|
@@ -67,7 +89,9 @@ export default {
|
|
|
props: {
|
|
|
goback: Function,
|
|
|
save: Function,
|
|
|
+ zoom: Function,
|
|
|
title: "",
|
|
|
+ zoomNum: Number,
|
|
|
shareModel: ""
|
|
|
},
|
|
|
components: {
|
|
@@ -367,6 +391,32 @@ export default {
|
|
|
margin-bottom: 8px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .zoom-title {
|
|
|
+ margin-left: 80px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .zoom-num {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ width: 50px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .size {
|
|
|
+ display: inline-block;
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ justify-content: center;
|
|
|
+ text-align: center;
|
|
|
+ margin-left: 8px;
|
|
|
+ margin-right: 8px;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|