diff --git a/src/components/footer-nav/index.vue b/src/components/footer-nav/index.vue
index 1d59b50d..e8a041dc 100644
--- a/src/components/footer-nav/index.vue
+++ b/src/components/footer-nav/index.vue
@@ -2,7 +2,7 @@
     <div class="footer-nav flex-row jc-c align-c" :class="showFooter ? 'br-2 br-primary' : ''" @click="footer_nav_event">
         <div class="footer-nav-content flex-row jc-c align-c w" :style="style_container">
             <ul class="flex-row jc-sa align-c w">
-                <li v-for="(item, index) in footerData.content.nav_content" :key="index" class="flex-1 flex-col jc-c align-c gap-5" @mouseenter="is_hover = index + 1" @mouseleave="is_hover = 0">
+                <li v-for="(item, index) in footerData?.content?.nav_content" :key="index" class="flex-1 flex-col jc-c align-c gap-5" @mouseenter="is_hover = index + 1" @mouseleave="is_hover = 0">
                     <div v-if="footerData.content.nav_style !== '2'" class="img re">
                         <img class="img-item abs radius-xs animate-linear w" :class="is_hover != index + 1 ? 'active' : ''" :src="item.src[0]?.url" width="22" height="22" />
                         <img class="img-item abs radius-xs animate-linear w" :class="is_hover == index + 1 ? 'active' : ''" :src="item.src_checked[0]?.url" width="22" height="22" />
diff --git a/src/layout/components/main/index.vue b/src/layout/components/main/index.vue
index ee095fd0..2d2dda0a 100644
--- a/src/layout/components/main/index.vue
+++ b/src/layout/components/main/index.vue
@@ -172,6 +172,7 @@ watch(
     () => props.diyData,
     (newValue) => {
         diy_data.value = newValue;
+        console.log(newValue);
     }
 );
 // 监听
@@ -183,9 +184,11 @@ watch(
     }
 );
 watchEffect(() => {
-    const content = props.header.com_data?.content || {};
-    const container_common_styles = gradient_computer(content) + background_computer(content);
-    content_style.value = container_common_styles;
+    if (props.header.com_data?.content) {
+        const content = props.header.com_data?.content;
+        const container_common_styles = gradient_computer(content) + background_computer(content);
+        content_style.value = container_common_styles;
+    }
 });
 watch(
     () => props.footer,
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 7650f0cf..2dd9fc02 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -139,8 +139,8 @@ const diy_data_transfor_form_data = (clone_form: diy_data_item) => {
         name: clone_form.model.name,
         describe: '',
         config: JSON.stringify({
-            header: clone_form.header.com_data,
-            footer: clone_form.footer.com_data,
+            header: clone_form.header,
+            footer: clone_form.footer,
             diy_data: clone_form.diy_data,
         }),
         is_enable: clone_form.is_enable,