fix:调整canva布局，当高度不够时出现滚动条

preview/views/MainView.vue

@@ -36,6 +36,7 @@
             @update="onPreviewUpdate"
             @stop="onPreviewStop"
         >
+          {{store.previewScheme}}
           <DynamicComponent v-for="component in store.previewScheme" :key="component.id" :componentData="component">
             {{ component.id }}
           </DynamicComponent>
@@ -50,8 +51,6 @@
 </template>
 
 <script setup lang="ts">
-import {Link} from "@arco-design/web-vue";
-import {DraggableEvent, VueDraggable} from "vue-draggable-plus";
 import {onMounted, ref, watch} from 'vue';
 import {uuid} from 'lsp-uuid';
 import {componentScheme} from "@/schemes/scheme";
@@ -59,6 +58,7 @@ import {useSchemeStore} from '@/stores/useSchemeStore';
 import {IComponent} from "@/type/IComponent";
 import DynamicComponent from "@/components/DynamicComponent.vue";
 import PropertyEditor from "@/components/PropertyEditor.vue";
+import {VueDraggable} from "vue-draggable-plus";
 
 let list0 = ref([])
 
@@ -246,6 +246,7 @@ const view = () => {
         background-color: #fff;
         width: 100%;
         height: 100%;
+        overflow-y: auto; /* 确保当内容超出时，出现垂直滚动条 */
       }
 
       .ghost {