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 {