fix(测试跟踪): 修复功能用例-脑图模式,点击放大按钮后,左侧区域出现遮挡,显示不完整问题

--bug=1020202 --user=郭雨琦
https://www.tapd.cn/55049933/bugtrace/bugs/view/1155049933001020202
This commit is contained in:
guoyuqi 2023-02-06 17:40:52 +08:00 committed by xiaomeinvG
parent 30260b1817
commit 60a31589ff

View File

@ -116,9 +116,17 @@ export default {
this.height = document.body.clientHeight - 285;
},
destroyed() {
if (this.$EventBus) {
this.$EventBus.$off("appFixedChange", this.setFullScreenLeft);
}
minderPageInfoMap.clear();
},
mounted() {
if (this.$EventBus) {
//
this.$EventBus.$on("appFixedChange", this.setFullScreenLeft);
}
this.setFullScreenLeft();
this.defaultMode = 3;
if (this.minderKey) {
let model = localStorage.getItem(this.minderKey + 'minderModel');
@ -160,6 +168,13 @@ export default {
}
});
},
setFullScreenLeft() {
const root = document.querySelector(':root');
// :root --screen-left
const left = getComputedStyle(root).getPropertyValue('--screen-left').trim();
// :root --screen-left
root.style.setProperty('--screen-left', left === '44px' ? '150px' : '44px');
},
handleMoldChange(index) {
if (this.minderKey) {
localStorage.setItem(this.minderKey + 'minderModel', index);
@ -299,11 +314,15 @@ export default {
};
return importJson;
}
}
},
}
</script>
<style scoped>
:root {
--screen-left: var(--asideWidth);
}
.minder-container :deep(.save-btn) {
right: 30px;
bottom: auto;
@ -323,10 +342,10 @@ export default {
.full-screen {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
background: white;
top: 0;
left: var(--screen-left);
right: 0;
background: #fff;
height: 100vh;
z-index: 2;
}