修改审核中图片按钮没有反应问题
parent
b37eb5f1f7
commit
de3c3600c6
|
|
@ -3,7 +3,7 @@
|
|||
<img id="zoomableImage" draggable="false" :src="imageUrl" />
|
||||
<div class="operation-container">
|
||||
<div>
|
||||
<UndoOutlined />
|
||||
<UndoOutlined @click="backTransFrom"/>
|
||||
</div>
|
||||
<div>
|
||||
<ZoomInOutlined @click="bigScale" />
|
||||
|
|
@ -40,6 +40,11 @@ let initialMouseX;
|
|||
let initialMouseY;
|
||||
let initialImageX;
|
||||
let initialImageY;
|
||||
var scale = 1;
|
||||
var minScale = 0.5;
|
||||
var maxScale = 3;
|
||||
var scaleFactor = 0.1;
|
||||
var rotate = 0;
|
||||
|
||||
|
||||
onMounted(()=>{
|
||||
|
|
@ -185,6 +190,14 @@ function bigScale():void {
|
|||
scale+=0.4;
|
||||
zoomableImage.style.transform = `scale(${scale})`;
|
||||
}
|
||||
function transform (){
|
||||
rotate += 90;
|
||||
zoomableImage.style.transform = `rotate(${rotate}deg)`;
|
||||
}
|
||||
function backTransFrom() {
|
||||
rotate -= 90;
|
||||
zoomableImage.style.transform = `rotate(${rotate}deg)`;
|
||||
}
|
||||
|
||||
function closePreview():void{
|
||||
emits("closeImagePreview");
|
||||
|
|
|
|||
Loading…
Reference in New Issue