diff --git a/front/public/index.html b/front/public/index.html
index b24bd3d0..c5160956 100644
--- a/front/public/index.html
+++ b/front/public/index.html
@@ -60,6 +60,7 @@
 
     <script type="text/javascript" src="./static/config/basicConfig.js"></script>
     <script type="text/javascript" src="./static/config/mapConfig.js"></script>
+    <script type="text/javascript" src="./static/config/footerData.js"></script>
     <!--  ==========地图相关配置========== -->
     <script type="text/javascript" src="./leaflet/libs/leaflet/1.3.1/leaflet.js"></script>
     <script type="text/javascript" src="./static/js/jquery-3.6.0.min.js"></script>
diff --git a/front/public/static/config/footerData.js b/front/public/static/config/footerData.js
new file mode 100644
index 00000000..f03e6e35
--- /dev/null
+++ b/front/public/static/config/footerData.js
@@ -0,0 +1,28 @@
+/*
+ * @Author: zhangfeihu
+ * @Date: 2022-06-16 16:37:31
+ * @LastEditors: 851673013@qq.com 851673013@qq.com
+ * @LastEditTime: 2022-06-16 17:10:48
+ * @FilePath: \qiantai\front\public\static\config\footerData.js
+ * @Description: 底部菜单数据配置配置
+ */
+const footerDataList = {
+  company: {
+    left: '青岛市大数据发展管理局建设',
+    right: '海信网络科技股份有限公司'
+  },
+  address: [
+    {
+      name: '鲁IC备00000000号',
+      value: '政府标识码3702000106',
+    },
+    {
+      name: '版权所有：青岛市大数据发展管理局',
+      value: '地址：山东省青岛市香港中路17号市级机关办公楼',
+    },
+    {
+      name: '电话：0532-8561234',
+      value: '传真：0532-2145122',
+    },
+  ]
+}
diff --git a/front/src/views/home/details.vue b/front/src/views/home/details.vue
index 408b3160..f273607c 100644
--- a/front/src/views/home/details.vue
+++ b/front/src/views/home/details.vue
@@ -16,7 +16,7 @@
       <application-details
         v-else-if="showView === 'application-details'"
       ></application-details>
-      <ability-to-recommend-bottom></ability-to-recommend-bottom>
+      <home-footer></home-footer>
     </div>
   </div>
 </template>
@@ -25,7 +25,7 @@
   import HomeHeader from '@/views/home/components/header'
   import { defineComponent, reactive, ref } from 'vue'
   import DetailsView from './components/DetailsView.vue'
-  import AbilityToRecommendBottom from '@/views/home/components/AbilityToRecommendBottom'
+  import HomeFooter from '@/views/newHome/components/Footer'
   import AlgorithmDetails from '@/views/detailsAll/AlgorithmDetails'
   import ApplicationDetails from '@/views/detailsAll/ApplicationDetails'
   import { selectOne } from '@/api/home'
@@ -36,7 +36,7 @@
     components: {
       HomeHeader,
       DetailsView,
-      AbilityToRecommendBottom,
+      HomeFooter,
       AlgorithmDetails,
       ApplicationDetails,
     },
diff --git a/front/src/views/newHome/components/Footer.vue b/front/src/views/newHome/components/Footer.vue
index 4609ed53..5bba928b 100644
--- a/front/src/views/newHome/components/Footer.vue
+++ b/front/src/views/newHome/components/Footer.vue
@@ -1,13 +1,21 @@
+<!--
+ * @Author: 851673013@qq.com 851673013@qq.com
+ * @Date: 2022-06-16 15:20:52
+ * @LastEditors: 851673013@qq.com 851673013@qq.com
+ * @LastEditTime: 2022-06-16 17:14:56
+ * @FilePath: \qiantai\front\src\views\newHome\components\Footer.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
 <template>
   <div class="footer">
     <div class="fotter-son">
       <div class="top">
-        <div>青岛市大数据发展管理局建设</div>
+        <div>{{ dataList.company.left }}</div>
         <div class="shuxian"></div>
-        <div>海信网络科技股份有限公司</div>
+        <div>{{ dataList.company.right }}</div>
       </div>
       <div class="bottom">
-        <p v-for="item in dataList" :key="item">
+        <p v-for="(item, index) in dataList.address" :key="index">
           <span>{{ item.name }}</span>
           <span>{{ item.value }}</span>
         </p>
@@ -16,21 +24,10 @@
   </div>
 </template>
 <script setup>
-  import { reactive } from 'vue'
-  let dataList = reactive([
-    {
-      name: '鲁IC备00000000号',
-      value: '政府标识码3702000106',
-    },
-    {
-      name: '版权所有：青岛市大数据发展管理局',
-      value: '地址：山东省青岛市香港中路17号市级机关办公楼',
-    },
-    {
-      name: '电话：0532-8561234',
-      value: '传真0532-2145122',
-    },
-  ])
+  import { ref } from 'vue'
+  console.log('footerDataList', footerDataList)
+  let dataList = ref({})
+  dataList.value = footerDataList
 </script>
 <style lang="less" scoped>
   .footer {