|
|
|
@ -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 {
|
|
|
|
|