diff --git a/.gitignore b/.gitignore
index f67649b5..e31c20b5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,4 +3,5 @@
 *.log
 unpackage
 sitemap.json
-.prettierrc.cjs
\ No newline at end of file
+.prettierrc.cjs
+pages/diy/init_data.js
diff --git a/components/diy/diy.vue b/components/diy/diy.vue
index a4117812..2709d399 100644
--- a/components/diy/diy.vue
+++ b/components/diy/diy.vue
@@ -43,16 +43,14 @@
             };
         },
 
-                computed: {
-          diy_content_style(){
-              return {
-                  paddingBottom: this.padding_footer_computer
-              }
-          }
-                },
+        computed: {
+            diy_content_style() {
+                return `padding-bottom:${this.padding_footer_computer}rpx`;
+            },
+        },
         methods: {
             footer_height_computer(number) {
-                this.padding_footer_computer = number * 2 + 'rpx';
+                this.padding_footer_computer = number * 2;
             },
         },
     };
diff --git a/components/diy/footer.vue b/components/diy/footer.vue
index 0d86ecaa..1938c4d4 100644
--- a/components/diy/footer.vue
+++ b/components/diy/footer.vue
@@ -1,14 +1,14 @@
 <template>
-    <view class="footer-nav flex-row jc-c align-c">
+    <view class="footer-nav flex-row jc-c align-c bottom-line-exclude">
         <view class="footer-nav-content flex-row jc-c align-c wh" :style="style_container">
             <ul class="flex-row jc-sa align-c wh padding-0">
-                <li v-for="(item, index) in nav_content" :key="index" class="flex-1 flex-col jc-c align-c gap-5" @mouseenter="is_active = index" @mouseleave="is_active = 0">
+                <li v-for="(item, index) in nav_content" :key="index" class="flex-1 flex-col jc-c align-c gap-5" :data-index="index" :data-link="item.link" @click="handle_event">
                     <view v-if="nav_style !== 2" class="img pr">
                         <view class="img-item pa border-radius-xs animate-linear" :class="is_active != index ? 'active' : ''">
-                            <img :src="item.img[0].url" class="wh-auto" />
+                            <img :src="item.img[0].url" class="wh-auto ht-auto" />
                         </view>
                         <view class="img-item pa border-radius-xs animate-linear" :class="is_active == index ? 'active' : ''">
-                            <img :src="item.img_checked[0].url" class="wh-auto" />
+                            <img :src="item.img_checked[0].url" class="wh-auto ht-auto" />
                         </view>
                     </view>
                     <span v-if="nav_style !== 1" class="animate-linear size-12 pr z-i" :style="is_active == index ? text_color_checked : default_text_color">{{ item.name }}</span>
@@ -19,6 +19,7 @@
 </template>
 
 <script>
+    const app = getApp();
     import { common_styles_computer } from '@/common/js/common/common.js';
     export default {
         props: {
@@ -52,13 +53,23 @@
 
                 this.style_container = common_styles_computer(new_style.common_style);
                 let footer_height = new_style.common_style.padding_top + new_style.common_style.padding_bottom + new_style.common_style.margin_top + new_style.common_style.margin_bottom + 50;
+                // #ifndef APP
+                // 底部菜单距离底部的安全距离
+                footer_height = footer_height + uni.getSystemInfoSync().statusBarHeight - 40;
+                // #endif
                 if (footer_height >= 70) {
                     footer_height = footer_height;
                 } else {
                     footer_height = 70;
                 }
+                console.log(footer_height);
                 this.$emit('footer-height', footer_height);
             },
+            handle_event(e) {
+                console.log(e);
+                this.is_active = e.currentTarget.dataset.index;
+                app.globalData.url_open(e.currentTarget.dataset.link.page);
+            },
         },
     };
 </script>
@@ -74,7 +85,6 @@
         max-width: 800px;
         /* #endif */
         margin: 0 auto;
-        padding: 0;
         cursor: pointer;
         background-color: transparent;
         .footer-nav-content {