From eb74bebf9c1b8f05a101e1a29bfb2d025325be86 Mon Sep 17 00:00:00 2001
From: Xwen <929716663@qq.com>
Date: Sun, 24 Dec 2023 19:13:30 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=A2=9E=E5=8A=A0=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E5=BA=95=E9=83=A8=E4=BF=A1=E6=81=AF=E6=A0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Yi.Bbs.Vue3/src/views/login/index.vue | 28 ++++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/Yi.Bbs.Vue3/src/views/login/index.vue b/Yi.Bbs.Vue3/src/views/login/index.vue
index b854faf3..a1c92bbb 100644
--- a/Yi.Bbs.Vue3/src/views/login/index.vue
+++ b/Yi.Bbs.Vue3/src/views/login/index.vue
@@ -152,6 +152,12 @@
         </div>
       </div>
     </div>
+    <div class="login-footer">
+      <div class="info">站长：{{ configStore.author }}</div>
+      <div class="info btn">联系我们</div>
+      <div class="info btn">关于本站</div>
+      <div class="info btn">建议反馈</div>
+    </div>
   </div>
 </template>
 <script setup>
@@ -160,7 +166,9 @@ import { useRouter, useRoute } from "vue-router";
 import useAuths from "@/hooks/useAuths";
 import { getCodePhone } from "@/apis/accountApi";
 import useUserStore from "@/stores/user";
+import useConfigStore from "@/stores/config";
 
+const configStore = useConfigStore();
 const { loginFun, registerFun } = useAuths();
 const router = useRouter();
 const route = useRoute();
@@ -296,8 +304,9 @@ onMounted(async () => {
 <style scoped lang="scss">
 .login {
   display: flex;
-  justify-content: center;
+  flex-direction: column;
   align-items: center;
+  justify-content: center;
   width: 100%;
   height: 100%;
   background: url("@/assets/login_images/login_bg.jpg") no-repeat;
@@ -425,6 +434,23 @@ onMounted(async () => {
       }
     }
   }
+  &-footer {
+    width: 70%;
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 20px;
+    color: #eee;
+    font-size: 14px;
+    .info {
+      margin: 0 10px;
+    }
+    .btn {
+      cursor: pointer;
+      &:hover {
+        color: #fff;
+      }
+    }
+  }
 
   :deep(.title-item) {
     margin-bottom: 0;