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