diff --git a/src/components/common/tabs-view/index.vue b/src/components/common/tabs-view/index.vue
index b457b583..cebeac89 100644
--- a/src/components/common/tabs-view/index.vue
+++ b/src/components/common/tabs-view/index.vue
@@ -23,7 +23,6 @@
 <script lang="ts" setup>
 import { gradient_computer } from '@/utils';
 import { isEmpty } from 'lodash';
-import { active } from 'sortablejs';
 const props = defineProps({
     value: {
         type: Object,
diff --git a/src/views/layout/components/main/default/tabs.ts b/src/views/layout/components/main/default/tabs.ts
index 23178301..013e3e0f 100644
--- a/src/views/layout/components/main/default/tabs.ts
+++ b/src/views/layout/components/main/default/tabs.ts
@@ -62,6 +62,7 @@ const defaultTabs: defaultTabs = {
         more_icon_size: 14,
         common_style: {
             ...defaultCommon,
+            color_list: [{ color: '#fff', color_percentage: undefined }],
             padding: 10,
             padding_top: 10,
             padding_bottom: 10,
diff --git a/src/views/layout/index.vue b/src/views/layout/index.vue
index eb2c13ce..8e101f52 100644
--- a/src/views/layout/index.vue
+++ b/src/views/layout/index.vue
@@ -291,6 +291,7 @@ const diy_data_transfor_form_data = (clone_form: diy_data_item) => {
             header: clone_form.header,
             footer: clone_form.footer,
             diy_data: clone_form.diy_data,
+            tabs_data: clone_form.tabs_data,
         }),
     };
 };