From 88417873007d188ed07bd465fde68e3411649b5e Mon Sep 17 00:00:00 2001
From: significative <163999932+significative@users.noreply.github.com>
Date: Mon, 26 Aug 2024 16:00:53 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BD=91=E7=AB=99=E9=A6=96=E9=A1=B5=E9=9D=A2:?=
 =?UTF-8?q?=E5=B0=BE=E9=83=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Layout/footer/index.vue | 68 +++++++++++++++++++++++++++++++++----
 1 file changed, 61 insertions(+), 7 deletions(-)

diff --git a/src/Layout/footer/index.vue b/src/Layout/footer/index.vue
index 8a6eabb..bd15f6f 100644
--- a/src/Layout/footer/index.vue
+++ b/src/Layout/footer/index.vue
@@ -1,23 +1,77 @@
 <template>
   <div class="footer">
-    <h1>FOOTER</h1>
+    <ul>
+      <li>
+        系统标题：
+        {{ adminInfoStore.info.title }}
+
+      </li><el-divider direction="vertical" border-style="dashed" />
+      <li>
+        版权信息：
+        {{ adminInfoStore.info.copyrightInformation }}
+
+      </li> <el-divider direction="vertical" border-style="dashed" />
+      <li>
+        备案号：
+        {{ adminInfoStore.info.recordNumber }}
+
+      </li> <el-divider direction="vertical" border-style="dashed" />
+      <li>
+        qq:
+        {{ adminInfoStore.info.qqNumber }}
+
+      </li><el-divider direction="vertical" border-style="dashed" />
+      <li>
+        邮箱:
+        {{ adminInfoStore.info.mailbox }}
+
+      </li> <el-divider direction="vertical" border-style="dashed" />
+      <li>
+        电话:
+        {{ adminInfoStore.info.phone }}
+
+      </li>
+      <li>
+        地址:
+        {{ adminInfoStore.info.address }}
+      </li>
+      <el-divider direction="vertical" border-style="dashed" />
+      <li>
+        <el-image style="width: 50px; height: 50px" :src="adminInfoStore.info.qrCode" fit="cover" />
+      </li>
+      <el-divider direction="vertical" border-style="dashed" />
+      <li>
+        备案信息:
+        备案信息
+      </li>
+    </ul>
   </div>
 </template>
 
 <script lang="ts" setup>
-import {} from 'vue'
+import useAdminInfoStore from '@/store/module/adminInfo'
+const adminInfoStore = useAdminInfoStore()
+console.log(adminInfoStore);
+
 </script>
 
 <style lang="scss" scoped>
 .footer {
-  // position: fixed;
-  // bottom: 0;
-  height: 300px;
-  width: 100%;
   background-color: #252527;
+  height: 300px;
   display: flex;
   align-items: center;
   justify-content: center;
-  color: #fff;
+
+  ul {
+    width: 600px;
+    height: 200px;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    color: #ccc;
+  }
+
 }
 </style>