From 1bc9dc3ac0f81047f7ecfe3f039c984d9776e84a Mon Sep 17 00:00:00 2001 From: hanbaoshan <hanbaoshan@aiotlink.com> Date: 星期二, 04 八月 2020 10:03:26 +0800 Subject: [PATCH] 移除算法商城场景配置相关方法及接口,处理iframe拖拽边界 --- src/pages/desktop/index/components/DFrame.vue | 19 ++++++++++++++++--- 1 files changed, 16 insertions(+), 3 deletions(-) diff --git a/src/pages/desktop/index/components/DFrame.vue b/src/pages/desktop/index/components/DFrame.vue index c695a5b..5589cdc 100644 --- a/src/pages/desktop/index/components/DFrame.vue +++ b/src/pages/desktop/index/components/DFrame.vue @@ -145,8 +145,21 @@ document.onmousemove = function (e) { e.preventDefault(); window.getSelection().removeAllRanges(); - el.parentElement.style.left = e.clientX - disx + 'px'; - el.parentElement.style.top = e.clientY - disy + 'px'; + let toLeft = e.clientX - disx; + let toTop = e.clientY - disy; + //杈圭晫澶勭悊 + if(toLeft <= 0 ){ + toLeft = 0 + }else if(toLeft >= document.body.getBoundingClientRect().width-40){ + toLeft = document.body.getBoundingClientRect().width-40; + } + el.parentElement.style.left = toLeft + 'px'; + if(toTop <= 0 ){ + toTop = 0 + }else if(toTop >= document.body.getBoundingClientRect().height-40){ + toTop = document.body.getBoundingClientRect().height-40; + } + el.parentElement.style.top = toTop + 'px'; }; document.onmouseup = function () { el.dragLock = false; @@ -185,7 +198,7 @@ <style scoped> html, body { - heiht: 100%; + height: 100%; } .d-frame { position: fixed; -- Gitblit v1.8.0