fix 预览页面滚动条显示问题

 <!--
  * @Date: 2023-12-18 15:01:00
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-07-15 11:23:30
+ * @LastEditTime: 2024-07-15 16:22:18
  * @FilePath: /vue-flow-editor/src/editor/vue-flow-editor-preview1.vue
  * @Description: 文件描述
 -->
 <template>
     <transition name="vue-flow-editor-preview-transition">
         <div class="vue-flow-editor-preview1" v-if="p_value">
-            <div class="vue-flow-editor-preview-body" ref="body" style="overflow: auto;">
+            <div class="vue-flow-editor-preview-body" ref="body">
                 <div class="vue-flow-editor-preview-target" ref="target"></div>
             </div>
             <div style="position: fixed; bottom: 1rem; right: 1rem; font-size: 25px;">
@@ -80,6 +80,7 @@
                 this.$emit('input', this.p_value)
             },
             zoomIn() {
+                this.$refs.body.style.overflow = 'auto';
                 const container = this.$refs.target
                 this.currentWidth = this.currentWidth + 100;
                 this.currentHeight = this.currentHeight + 100;
@@ -105,6 +106,7 @@
                 this.graph.fitView(20)
             },
             zoomOut() {
+                this.$refs.body.style.overflow = 'auto';
                 const container = this.$refs.target
                 this.currentWidth = this.currentWidth - 100;
                 this.currentHeight = this.currentHeight - 100;