diff --git a/src/Layout/footer/index.vue b/src/Layout/footer/index.vue
index e823d02..1814090 100644
--- a/src/Layout/footer/index.vue
+++ b/src/Layout/footer/index.vue
@@ -1,9 +1,11 @@
 <template>
   <div class="footer">
     <div class="footer-nav">
-      <div class="item">关于我们</div>
-      <div class="item">联系我们</div>
-      <div class="item">服务协议</div>
+      <div v-for="item in NewList" :key="item.id" @click="toNewsDetail(item.id)">
+        <div class="item">
+            {{ item.title }}
+          </div>
+      </div>
     </div>
     <div class="copyright">源码自然版权所有@2023 湘豫CP备 19005950号-1</div>
     <div class="report">
@@ -13,7 +15,26 @@
 </template>
 
 <script lang="ts" setup>
-import {} from 'vue'
+import { ref} from 'vue'
+import { queryNewListApi } from '@/api/news'
+import { useRouter } from 'vue-router'
+
+const NewList = ref<any>([])
+const getNewList = async () =>{
+  const res:any = await queryNewListApi()
+  console.log(res,111111111)
+  NewList.value = res.result
+  console.log(NewList.value,22222222)
+}
+getNewList()
+
+const router = useRouter()
+const toNewsDetail = (id: number) => {
+  router.push({
+    path: '/detail/' + id,
+
+  })
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/api/news.ts b/src/api/news.ts
index eee0754..2437775 100644
--- a/src/api/news.ts
+++ b/src/api/news.ts
@@ -9,6 +9,12 @@ export const getColumnListApi = () => {
 export function queryEssayListApi(columnId:any) {
   return request.get(`/cms/front/getArticleListByColumn?columnId=${columnId}`)
 }
+//获取关于我们,联系我们,服务协议的id
+export const queryNewListApi = () => {
+  return request({
+    url: '/cms/cmsArticle/getdatainfo',
+  })
+}
 //根据点击的新闻id获取新闻详细信息
 export function queryEssayApi(id:any) {
   return request.get(`/cms/front/getByArticleTitle?id=${id}`)