From 72292b845f33ab0300685002dc5ae4ddfb8d5540 Mon Sep 17 00:00:00 2001 From: qinzhenpen Date: Wed, 15 Nov 2023 16:30:45 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A4=AE=E8=A1=8C=E5=8F=AF=E8=A7=86=E5=8C=96?= =?UTF-8?q?=E5=AE=8C=E6=88=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/visual/components/merkle.vue | 52 +++++++++++++------------- 1 file changed, 26 insertions(+), 26 deletions(-) diff --git a/src/views/visual/components/merkle.vue b/src/views/visual/components/merkle.vue index b0b5a44..99d23d5 100644 --- a/src/views/visual/components/merkle.vue +++ b/src/views/visual/components/merkle.vue @@ -64,31 +64,31 @@ const getData=async()=>{ const height=ref(1084) const toggleFullscreen = () => { toggleFullscreenContainer('.merkleTree') - // document.addEventListener('fullscreenchange', exitFullscreenHandler); - // document.addEventListener('webkitfullscreenchange', exitFullscreenHandler); - // document.addEventListener('mozfullscreenchange', exitFullscreenHandler); - // document.addEventListener('MSFullscreenChange', exitFullscreenHandler); - // const element = document.querySelector('.umlMain'); - // element.style.position='relative' - // element.style.transform='scale(1)' - // element.style.top='0' - // element.style.right='0' + document.addEventListener('fullscreenchange', exitFullscreenHandler); + document.addEventListener('webkitfullscreenchange', exitFullscreenHandler); + document.addEventListener('mozfullscreenchange', exitFullscreenHandler); + document.addEventListener('MSFullscreenChange', exitFullscreenHandler); + const element = document.querySelector('.umlMain'); + element.style.position='relative' + element.style.transform='scale(1)' + element.style.top='0' + element.style.right='0' // height.value =950 } // 处理退出全屏的函数 -// function exitFullscreenHandler() { -// if (!document.fullscreenElement && !document.mozFullScreenElement && -// !document.webkitFullscreenElement && !document.msFullscreenElement) { -// // 退出全屏后执行的代码 -// // console.log('已退出全屏'); -// const element = document.querySelector('.umlMain'); -// element.style.position='absolute' -// element.style.transform='scale(0.44)' -// element.style.top='' -// element.style.right='' -// // 在这里可以添加你想要执行的操作 -// } -// } + function exitFullscreenHandler() { + if (!document.fullscreenElement && !document.mozFullScreenElement && + !document.webkitFullscreenElement && !document.msFullscreenElement) { + // 退出全屏后执行的代码 + // console.log('已退出全屏'); + const element = document.querySelector('.umlMain'); + element.style.position='absolute' + element.style.transform='scale(0.44)' + element.style.top='' + element.style.right='' + // 在这里可以添加你想要执行的操作 + } +} const cell=ref([]) const graph=ref([]) const umlContainer=ref(null) @@ -1757,10 +1757,10 @@ graph.value.zoomToFit({ padding: 10, maxScale: 1 }) .umlMain{ width: 3840px; height: 1084px; - // transform: scale(0.44) translateX(0); - // position: absolute; - // right: -1085px; - // top: -135px; + transform: scale(0.44) translateX(0); + position: absolute; + right: -1085px; + top: -135px; } } #umlContainer {