diff --git a/packages/canvas/DesignCanvas/src/DesignCanvas.vue b/packages/canvas/DesignCanvas/src/DesignCanvas.vue
index 2ac1eb9d3d..9e5adb4334 100644
--- a/packages/canvas/DesignCanvas/src/DesignCanvas.vue
+++ b/packages/canvas/DesignCanvas/src/DesignCanvas.vue
@@ -11,7 +11,7 @@
       ></component>
     </template>
     <template #footer>
-      <component :is="CanvasBreadcrumb" :data="footData" @click="selectFooterNode"></component>
+      <component :is="CanvasBreadcrumb" :data="footData"></component>
     </template>
   </component>
 </template>
@@ -184,22 +184,3 @@ export default {
   }
 }
 </script>
-
-<style lang="less" scoped>
-#canvas-wrap {
-  background: var(--ti-lowcode-canvas-wrap-bg);
-  flex: 1 1 0;
-  border: none;
-  display: flex;
-  justify-content: center;
-  position: relative;
-
-  .site-canvas {
-    background: var(--ti-lowcode-breadcrumb-hover-bg);
-    position: absolute;
-    overflow: hidden;
-    margin: 18px 0;
-    transform-origin: top;
-  }
-}
-</style>
diff --git a/packages/canvas/layout/src/CanvasLayout.vue b/packages/canvas/layout/src/CanvasLayout.vue
index 9523b1bcd1..ff407552de 100644
--- a/packages/canvas/layout/src/CanvasLayout.vue
+++ b/packages/canvas/layout/src/CanvasLayout.vue
@@ -18,3 +18,22 @@ const siteCanvasStyle = computed(() => {
   }
 })
 </script>
+
+<style lang="less" scoped>
+#canvas-wrap {
+  background: var(--ti-lowcode-canvas-wrap-bg);
+  flex: 1 1 0;
+  border: none;
+  display: flex;
+  justify-content: center;
+  position: relative;
+
+  .site-canvas {
+    background: var(--ti-lowcode-breadcrumb-hover-bg);
+    position: absolute;
+    overflow: hidden;
+    margin: 18px 0;
+    transform-origin: top;
+  }
+}
+</style>