diff --git a/src/components/common/div-content/index.vue b/src/components/common/div-content/index.vue
index 2329f833..42e2b2c4 100644
--- a/src/components/common/div-content/index.vue
+++ b/src/components/common/div-content/index.vue
@@ -205,7 +205,7 @@ const arrow_disable_method = (item_key: string, index: number, key: string) => {
     }
     return arrow_disable;
 };
-const emits = defineEmits(['set_show_tabs', 'page_settings']);
+const emits = defineEmits(['on_choose', 'set_show_tabs', 'del']);
 
 // 是否启用
 const set_enable = (index: number) => {
@@ -215,11 +215,8 @@ const set_enable = (index: number) => {
 
 // 选中时候的效果
 const on_choose = (index: number, show_tabs: string) => {
-    // 如果已经选中了, 设置为不可再次触发事件
-    if (show_tabs != '1') {
-        // 设置对应的位置为显示
-        emits('set_show_tabs', index);
-    }
+    // 设置对应的位置为显示
+    emits('on_choose', index, show_tabs);
 };
 
 // 复制
@@ -235,24 +232,7 @@ const copy = (index: number) => {
 };
 // 删除
 const del = (index: number) => {
-    app?.appContext.config.globalProperties.$common.message_box('删除后不可恢复，确定继续吗?', 'warning').then(() => {
-        const show_tabs_index = diy_data.value.findIndex((item: any) => item.show_tabs == '1');
-        if (show_tabs_index == index) {
-            diy_data.value.splice(index, 1);
-            if (diy_data.value.length > 0) {
-                let new_index: number = index;
-                // 删除的时候如果大于0，则显示上边的数据
-                if (index > 0) {
-                    new_index = new_index - 1;
-                }
-                emits('set_show_tabs', new_index);
-            } else {
-                emits('page_settings');
-            }
-        } else {
-            diy_data.value.splice(index, 1);
-        }
-    });
+    emits('del', index);
 };
 // 获取当前传递过来的index对应的diy_data中的数据
 const get_diy_index_data = (index: number) => {
@@ -427,4 +407,10 @@ const float_bottom_change = (val: { bottom: string; location: string }, id: stri
         height: 0.9rem;
     }
 }
+.drag-area .float-window {
+    position: fixed;
+    max-width: 39rem;
+    margin: 0 auto;
+    z-index: 3;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/layout/components/main/index.scss b/src/views/layout/components/main/index.scss
index c4c81a45..7aabbd9f 100644
--- a/src/views/layout/components/main/index.scss
+++ b/src/views/layout/components/main/index.scss
@@ -103,12 +103,6 @@
                     display: flex;
                     flex-direction: column;
                     align-items: stretch;
-                    .drag-area .float-window {
-                        position: fixed;
-                        max-width: 39rem;
-                        margin: 0 auto;
-                        z-index: 3;
-                    }
                     .main-content {
                         max-width: 39rem;
                         overflow: hidden;
diff --git a/src/views/layout/components/main/index.vue b/src/views/layout/components/main/index.vue
index 1196dd63..1e1c279c 100644
--- a/src/views/layout/components/main/index.vue
+++ b/src/views/layout/components/main/index.vue
@@ -58,7 +58,7 @@
                     <div class="model-wall" :style="content_style">
                         <div class="model-wall-content" :style="`padding-top:${top_padding}px; margin-top: ${top_margin}px;padding-bottom:${bottom_navigation_show ? footer_nav_counter_store.padding_footer : 0}px;`">
                             <VueDraggable v-model="diy_data" :animation="500" :touch-start-threshold="2" group="people" class="drag-area re" ghost-class="ghost" :on-sort="on_sort" :on-start="on_start" :on-end="on_end">
-                                <DivContent :diy-data="diy_data" :show-model-border="show_model_border" :main-content-style="main_content_style" @page_settings="page_settings" @set_show_tabs="set_show_tabs"></DivContent>
+                                <div-content :diy-data="diy_data" :show-model-border="show_model_border" :main-content-style="main_content_style" @on_choose="on_choose" @del="del" @set_show_tabs="set_show_tabs"></div-content>
                             </VueDraggable>
                         </div>
                     </div>
@@ -223,6 +223,36 @@ const on_end = () => {
 //#endregion
 
 // 设置复制 删除 移动几个按钮的显示位置，
+// 选中时候的效果
+const on_choose = (index: number, show_tabs: string) => {
+    // 如果已经选中了, 设置为不可再次触发事件
+    if (show_tabs != '1') {
+        // 设置对应的位置为显示
+        set_show_tabs(index);
+    }
+};
+
+// 删除
+const del = (index: number) => {
+    app?.appContext.config.globalProperties.$common.message_box('删除后不可恢复，确定继续吗?', 'warning').then(() => {
+        const show_tabs_index = diy_data.value.findIndex((item: any) => item.show_tabs == '1');
+        if (show_tabs_index == index) {
+            diy_data.value.splice(index, 1);
+            if (diy_data.value.length > 0) {
+                let new_index: number = index;
+                // 删除的时候如果大于0，则显示上边的数据
+                if (index > 0) {
+                    new_index = new_index - 1;
+                }
+                set_show_tabs(new_index);
+            } else {
+                page_settings();
+            }
+        } else {
+            diy_data.value.splice(index, 1);
+        }
+    });
+};
 // 设置当前选中的是那个
 const set_show_tabs = (index: number) => {
     page_data.value.show_tabs = '0';