diff --git a/src/assets/images/components/page-settings/theme_1.png b/src/assets/images/components/page-settings/theme_1.png
deleted file mode 100644
index f730d1d4..00000000
Binary files a/src/assets/images/components/page-settings/theme_1.png and /dev/null differ
diff --git a/src/assets/images/components/page-settings/theme_2.png b/src/assets/images/components/page-settings/theme_2.png
deleted file mode 100644
index a21fe464..00000000
Binary files a/src/assets/images/components/page-settings/theme_2.png and /dev/null differ
diff --git a/src/assets/images/components/page-settings/theme_3.png b/src/assets/images/components/page-settings/theme_3.png
deleted file mode 100644
index 59bb3c61..00000000
Binary files a/src/assets/images/components/page-settings/theme_3.png and /dev/null differ
diff --git a/src/assets/images/components/page-settings/theme_4.png b/src/assets/images/components/page-settings/theme_4.png
deleted file mode 100644
index 1e518303..00000000
Binary files a/src/assets/images/components/page-settings/theme_4.png and /dev/null differ
diff --git a/src/assets/images/components/page-settings/theme_5.png b/src/assets/images/components/page-settings/theme_5.png
deleted file mode 100644
index bc4762a0..00000000
Binary files a/src/assets/images/components/page-settings/theme_5.png and /dev/null differ
diff --git a/src/assets/images/components/page-settings/theme_6.png b/src/assets/images/components/page-settings/theme_6.png
deleted file mode 100644
index efc1aae6..00000000
Binary files a/src/assets/images/components/page-settings/theme_6.png and /dev/null differ
diff --git a/src/components/common/upload/index.vue b/src/components/common/upload/index.vue
index bd90dab9..6a420f9e 100644
--- a/src/components/common/upload/index.vue
+++ b/src/components/common/upload/index.vue
@@ -204,14 +204,14 @@
                     <icon name="add" :size="Number(size) / 2 + ''" color="c"></icon>
                 </div>
             </div>
-            <div v-else>
+            <template v-else>
                 <div :class="'upload-btn upload-btn-style-' + styles" :style="'height:' + upload_size + ';width:' + upload_size + ';'" @click="dialog_visible = true">
                     <div v-if="!isEmpty(icon_value)" class="upload-del-icon" @click.stop="del_icon_event">
                         <icon name="close-o" color="c" size="14"></icon>
                     </div>
                     <icon :name="!isEmpty(icon_value) ? icon_value : 'add'" :size="Number(size) / 2 + ''" color="c"></icon>
                 </div>
-            </div>
+            </template>
             <div v-if="isTips" class="size-12 cr-9">{{ tipsText }}</div>
         </div>
     </template>
diff --git a/src/components/page-settings/index.ts b/src/components/page-settings/index.ts
deleted file mode 100644
index a1b7c357..00000000
--- a/src/components/page-settings/index.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-type page_content = {
-    title: string;
-    color_list: color_list[];
-    direction: string;
-    background_img_style: string;
-    background_img_url: uploadList[];
-}
-
-// type keys = 'title';
-// type content = {
-//  [key in keys] : string;
-// }
\ No newline at end of file
diff --git a/src/components/page-settings/page-content.vue b/src/components/page-settings/page-content.vue
index 55aee0a2..c129aca4 100644
--- a/src/components/page-settings/page-content.vue
+++ b/src/components/page-settings/page-content.vue
@@ -1,46 +1,55 @@
 <template>
-    <div class="w h">
+    <div class="w h bg-f">
         <el-form :model="form" label-width="70">
-            <card-container class="common-content-height">
-                <el-form-item label="页面标题">
-                    <el-input v-model="form.title" placeholder="选填不超过30个字" />
+            <card-container>
+                <el-form-item label="选择风格">
+                    <theme-select v-model="form.theme" :data="base_list.themeList" @update:model-value="themeChange"></theme-select>
                 </el-form-item>
-                <el-form-item label="背景设置">
-                    <div class="flex-col gap-10 w">
-                        <div class="size-12">背景色</div>
-                        <mult-color-picker :value="form.color_list" :type="form.direction" @update:value="mult_color_picker_event"></mult-color-picker>
-                        <div class="flex-row jc-sb align-c">
-                            <div class="size-12">背景图</div>
-                            <el-radio-group v-model="form.background_img_style" is-button>
-                                <el-tooltip content="单张" placement="top" effect="light">
-                                    <el-radio-button value="0"><icon name="single-sheet"></icon></el-radio-button>
-                                </el-tooltip>
-                                <el-tooltip content="平铺" placement="top" effect="light">
-                                    <el-radio-button value="1"><icon name="tile"></icon></el-radio-button>
-                                </el-tooltip>
-                                <el-tooltip content="铺满" placement="top" effect="light">
-                                    <el-radio-button value="2"><icon name="spread-over"></icon></el-radio-button>
-                                </el-tooltip>
-                            </el-radio-group>
-                        </div>
-                        <upload v-model="form.background_img_url" :limit="1"></upload>
-                    </div>
+                <template v-if="form.theme == '1' || form.theme == '2'">
+                    <el-form-item label="页面标题">
+                    <el-input v-model="form.title" placeholder="请输入标题名称"></el-input>
+                    </el-form-item>
+                </template>
+            </card-container>
+            <div class="bg-f5 partition-line" />
+            <card-container>
+                <el-form-item label="底部导航">
+                    <el-radio-group v-model="form.bottom_navigation_show" class="ml-4">
+                        <el-radio v-for="item in base_list.bottom_navigation" :key="item.value" :value="item.value">{{ item.name }}</el-radio>
+                    </el-radio-group>
                 </el-form-item>
             </card-container>
         </el-form>
     </div>
 </template>
 <script setup lang="ts">
-interface Props {
-    value: page_content;
-}
-const props = defineProps<Props>();
-
+const props = defineProps({
+    value: {
+        type: Object,
+        default: () => ({}),
+    }
+});
 const form = reactive(props.value);
-const mult_color_picker_event = (arry: color_list[], type: number) => {
-    form.color_list = arry;
-    form.direction = type.toString();
-};
+const base_list = reactive({
+    themeList: [
+        { id: '1', name: '风格1', url: new URL(`../../assets/images/components/page-settings/theme-1.png`, import.meta.url).href },
+        { id: '2', name: '风格2', url: new URL(`../../assets/images/components/page-settings/theme-2.png`, import.meta.url).href },
+        { id: '3', name: '风格3', url: new URL(`../../assets/images/components/page-settings/theme-3.png`, import.meta.url).href },
+        { id: '4', name: '风格4', url: new URL(`../../assets/images/components/page-settings/theme-4.png`, import.meta.url).href },
+        { id: '5', name: '风格5', url: new URL(`../../assets/images/components/page-settings/theme-5.png`, import.meta.url).href },
+        { id: '6', name: '风格6', url: new URL(`../../assets/images/components/page-settings/theme-6.png`, import.meta.url).href },
+    ],
+    bottom_navigation: [
+        { name: '显示', value: '1' },
+        { name: '隐藏', value: '0' },
+    ],
+});
+const themeChange = (value: string) => {
+    console.log(value);
+}    
 </script>
 <style lang="scss" scoped>
+.partition-line {
+    height: 0.8rem;
+}
 </style>
diff --git a/src/layout/components/main/default/header-nav.ts b/src/layout/components/main/default/header-nav.ts
index 92d43058..37881555 100644
--- a/src/layout/components/main/default/header-nav.ts
+++ b/src/layout/components/main/default/header-nav.ts
@@ -2,8 +2,9 @@ import defaultCommon from './index';
 
 interface DefaultFooterNav {
     content: {
-        color_list: color_list[];
+        theme: string;
         title: string;
+        bottom_navigation_show: string;
     };
     style: {
         background_type: string;
@@ -22,8 +23,9 @@ interface DefaultFooterNav {
 }
 const defaultFooterNav: DefaultFooterNav = {
     content: {
-        color_list: [{ color: '#f5f5f5', color_percentage: '' }],
+        theme: '1',
         title: '',
+        bottom_navigation_show: '1'
     },
     style: {
         background_type: 'color_image',
diff --git a/src/layout/components/main/index.vue b/src/layout/components/main/index.vue
index fcd07ebf..232247b7 100644
--- a/src/layout/components/main/index.vue
+++ b/src/layout/components/main/index.vue
@@ -30,7 +30,7 @@
                     <!-- 页面设置 -->
                     <page-settings :show-page="page_data.show_tabs" :page-data="page_data" @page_settings="page_settings"></page-settings>
                     <div class="model-wall" :style="content_style">
-                        <div :style="`padding-top:${ top_padding }px; margin-top: ${ top_margin }px;padding-bottom:${ footer_nav_counter_store.padding_footer }px;`">
+                        <div :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">
                                 <div v-for="(item, index) in diy_data" :key="item.id" :class="model_class(item)" :style="model_style(item)" @click="on_choose(index, item.show_tabs)">
                                     <div v-if="item.show_tabs" class="plug-in-right" chosenClass="close">
@@ -137,7 +137,7 @@
                     <div class="seat"></div>
                 </div>
                 <!-- 底部区域 -->
-                <div class="model-bottom">
+                <div v-if="bottom_navigation_show" class="model-bottom">
                     <footer-nav :show-footer="footer_nav.show_tabs" :footer-data="footer_nav.com_data" @footer-nav="footer_nav_event"></footer-nav>
                 </div>
             </div>
@@ -189,9 +189,15 @@ const top_padding = ref(90);
 const top_margin = ref(0);
 const content_style = ref('');
 const main_content_style = ref('');
+const bottom_navigation_show = ref(true);
 watchEffect(() => {
-    if (page_data.value.com_data) {
-        const new_style = page_data.value.com_data.style;
+    const data = page_data.value.com_data;
+    if (data) {
+        // 底部按钮显示
+        const content = data.content;
+        bottom_navigation_show.value = content.bottom_navigation_show == '1' ? true: false;
+        // 通用样式设置
+        const new_style = data.style;
         content_style.value = gradient_computer(new_style.common_style) + background_computer(new_style.common_style);
         main_content_style.value = padding_computer(new_style.common_style);