diff --git a/src/views/manage/components/Scriptpreviewopen.vue b/src/views/manage/components/Scriptpreviewopen.vue index 1bc848d..e3a1213 100644 --- a/src/views/manage/components/Scriptpreviewopen.vue +++ b/src/views/manage/components/Scriptpreviewopen.vue @@ -82,20 +82,19 @@ --> - +
- +
缩略图
-
+
-->
@@ -618,18 +617,30 @@ export default { const toolbar = new G6Editor.Toolbar({ container: "toolbar" }); + const container = document.getElementById('page'); + // 为 graph 容器添加鼠标滚轮事件监听 + container.addEventListener('mousewheel', (e) => { + e.preventDefault(); + const ratio = 1.1; // 设置放大缩小的比例 + const oldScale = this.editor.getCurrentPage().getZoom(); // 获取当前的缩放比例 + // console.log(oldScale, 'oldScale') + const newScale = e.wheelDelta > 0 ? oldScale * ratio : oldScale / ratio; // 根据滚轮方向计算新的缩放比例 + // console.log(newScale, 'oldScale') + this.editor.getCurrentPage().zoom(newScale); // 执行缩放操作 + }) + // 属性栏 // const detailpannel = new G6Editor.Detailpannel({ // container: "detailpannel" // }); // 缩略图 - let minimapWidth = getComputedStyle(document.querySelector(".right-part")).width; - minimapWidth = Number(minimapWidth.replace(/px$/, "")); - const minimap = new G6Editor.Minimap({ - container: "minimap", - width: minimapWidth, - height: 200 - }); + // let minimapWidth = getComputedStyle(document.querySelector(".right-part")).width; + // minimapWidth = Number(minimapWidth.replace(/px$/, "")); + // const minimap = new G6Editor.Minimap({ + // container: "minimap", + // width: minimapWidth, + // height: 200 + // }); // 右键菜单 const contextmenu = new G6Editor.Contextmenu({ container: "contextmenu" @@ -639,7 +650,7 @@ export default { editor.add(itempannel); editor.add(toolbar); // editor.add(detailpannel); - editor.add(minimap); + // editor.add(minimap); editor.add(contextmenu); // 挂载到window,方便调试 window.editor = editor;