From 3810ab8c3c5e807dcc6ede203bbf8d262776ad38 Mon Sep 17 00:00:00 2001
From: significative <163999932+significative@users.noreply.github.com>
Date: Sat, 22 Feb 2025 16:41:26 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=B3=E4=BA=8E=E6=88=91=E4=BB=AC=E3=80=81?=
 =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E5=8D=8F=E8=AE=AE=E7=AD=89=E8=B7=B3=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Layout/footer/index.vue | 29 +++++++++++++++++++++++++----
 src/api/news.ts             |  6 ++++++
 2 files changed, 31 insertions(+), 4 deletions(-)

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}`)