数小福-解决点击后图标偏移

This commit is contained in:
zyn
2023-08-23 13:57:26 +08:00
parent 27a784768a
commit cf9c62d751
+14 -1
View File
@@ -53,8 +53,11 @@ export default {
var disy = e.pageY - drag.offsetTop;
clientOffset.clientX = event.clientX;
clientOffset.clientY = event.clientY;
// 解决点击后图标偏移 start (1/3)
drag.style.left = e.pageX - disx + "px";
drag.style.top = e.pageY - disy + "px";
// 解决点击后图标偏移 end
document.onmousemove = function (e) {
console.log(11)
drag.style.left = e.pageX - disx + "px";
drag.style.top = e.pageY - disy + "px";
};
@@ -97,6 +100,11 @@ export default {
styles.height = "470px";
styles.width = "580px";
// 解决点击后图标偏移 start (2/3)
styles.left = (styles.left.slice(0,styles.left.indexOf('px')) - 509) + 'px'
styles.top = (styles.top.slice(0,styles.top.indexOf('px')) - 470 + 99) + 'px'
// 解决点击后图标偏移 end
iframe.style.pointerEvents = "";
} else if (e.data == "close") {
iframe.setAttribute("height", "100");
@@ -105,6 +113,11 @@ export default {
styles.height = "99px";
styles.width = "71px";
// 解决点击后图标偏移 start (3/3)
styles.left = (styles.left.slice(0,styles.left.indexOf('px')) / 1 + 509) + 'px'
styles.top = (styles.top.slice(0,styles.top.indexOf('px')) / 1 + 470 - 99) + 'px'
// 解决点击后图标偏移 end
iframe.style.pointerEvents = "none";
}
},