From 453311c1bed3815d200add351798db5add3625fd Mon Sep 17 00:00:00 2001
From: aBin <binbin0314@126.com>
Date: Mon, 21 Feb 2022 18:54:53 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=A1=B5footer=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=B0=A2=E7=9B=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Footer/Footer.vue | 38 ++++++++++++++++++++++++++++++--
 src/config/api.js                |  3 +++
 2 files changed, 39 insertions(+), 2 deletions(-)

diff --git a/src/components/Footer/Footer.vue b/src/components/Footer/Footer.vue
index af292a1..83985ba 100644
--- a/src/components/Footer/Footer.vue
+++ b/src/components/Footer/Footer.vue
@@ -1,6 +1,12 @@
 <template>
   <div class="footer-box" :class="isTrue ? 'white' : 'blue'" style="margin-top:100px;position:relative">
-    <div v-if="!isTrue" class="other-link"></div>
+    <div v-if="!isTrue" class="other-link d-flex ">
+      <div class="link-title content-1180 d-flex justify-space-between align-center">
+        <div v-for="(item, index) in otherLink.content" :key="index" @click="openPage(item.url)">
+          {{ item.content }}
+        </div>
+      </div>
+    </div>
     <div class="content-1180">
       <div class="d-flex" style="margin-top:20px" :class="isTrue ? '' : 'justify-center'">
         <div class="footer-title">
@@ -47,11 +53,14 @@
   </div>
 </template>
 <script>
+import { getLink } from 'config/api';
+
 export default {
   data() {
     return {
       isTrue: true,
       str: '',
+      otherLink: {},
     };
   },
   watch: {
@@ -63,10 +72,35 @@ export default {
       }
     },
   },
-  methods: {},
+  created() {
+    this.getData();
+  },
+  methods: {
+    async getData() {
+      try {
+        const res = await getLink();
+        console.log(res.data.data);
+        const { code, msg, data } = res.data;
+        if (code === 200) {
+          const obj = {
+            code: data.code,
+            content: JSON.parse(data.value),
+          };
+          this.otherLink = obj;
+        }
+      } catch (error) {}
+    },
+    openPage(url) {
+      window.open(url);
+    },
+  },
 };
 </script>
 <style scoped>
+.link-title {
+  font-size: 20px;
+  cursor: pointer;
+}
 .other-link {
   height: 80px;
   width: 100%;
diff --git a/src/config/api.js b/src/config/api.js
index 9833aef..adba23a 100644
--- a/src/config/api.js
+++ b/src/config/api.js
@@ -28,3 +28,6 @@ export const getCondition = params => axios.get(`${content}/condition?showPage=$
 
 // 查询飘窗内容
 export const getBay = params => axios.get(`${constant}/get?code=piaochuang`);
+
+// 查询其他链接
+export const getLink = params => axios.get(`${constant}/get?code=otherLink`);