From c376f7e97ce2454b03a9a8dbdc58dfce77a95030 Mon Sep 17 00:00:00 2001
From: Xwen <929716663@qq.com>
Date: Tue, 2 Jan 2024 20:49:55 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E9=A6=96=E9=A1=B5=E8=81=94=E7=B3=BB?=
 =?UTF-8?q?=E6=88=91=E4=BB=AC=E6=96=B0=E5=A2=9E=E8=B7=B3=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Yi.Bbs.Vue3/src/components/BottomInfo.vue | 77 ++++++++++++++---------
 1 file changed, 49 insertions(+), 28 deletions(-)

diff --git a/Yi.Bbs.Vue3/src/components/BottomInfo.vue b/Yi.Bbs.Vue3/src/components/BottomInfo.vue
index 79edfa8b..51d9e4ca 100644
--- a/Yi.Bbs.Vue3/src/components/BottomInfo.vue
+++ b/Yi.Bbs.Vue3/src/components/BottomInfo.vue
@@ -1,38 +1,59 @@
 <template>
-<div class="botton-div">
-<a><el-icon><UserFilled /></el-icon>站长：{{configStore.author}}</a>
-<a><el-icon><Search /></el-icon>{{configStore.bottom}}</a>
-<a><el-icon><View /></el-icon>关于本站</a>
-<a><el-icon><Message /></el-icon>建议反馈</a>
-<p></p>
-<a ><el-icon><Position /></el-icon>{{configStore.icp}}</a>
-</div>
+  <div class="botton-div">
+    <a
+      ><el-icon><UserFilled /></el-icon>站长：{{ configStore.author }}</a
+    >
+    <a
+      ><el-icon><Search /></el-icon>{{ configStore.bottom }}</a
+    >
+    <a
+      ><el-icon><View /></el-icon>关于本站</a
+    >
+    <a @click="handleContact"
+      ><el-icon><Link /></el-icon>联系我们</a
+    >
+    <a
+      ><el-icon><Message /></el-icon>建议反馈</a
+    >
+    <p></p>
+    <a
+      ><el-icon><Position /></el-icon>{{ configStore.icp }}</a
+    >
+  </div>
 </template>
 <script setup>
 import useConfigStore from "@/stores/config";
-const  configStore= useConfigStore();
+import { useRouter } from "vue-router";
+
+const router = useRouter();
+const configStore = useConfigStore();
+
+// 联系我们跳转对应页面
+const handleContact = () => {
+  router.push("/contact");
+};
 </script>
 <style scoped>
-.el-icon
-{margin: 0 0.2rem;}
-a{
-    margin-right: 2rem;
-    line-height: 1.8rem;
+.el-icon {
+  margin: 0 0.2rem;
+}
+a {
+  margin-right: 2rem;
+  line-height: 1.8rem;
 }
 a:hover {
-    color: #40a9ff;
-    cursor:pointer;
+  color: #40a9ff;
+  cursor: pointer;
 }
-.botton-div
-{
-    background: transparent;
-    color: rgba(0,0,0,.45);
-    font-size: 14px;
-    display: flex;
-    flex-wrap: wrap;
-    height: auto;
-    width: auto;
-    justify-content: center;
-    margin: 0.5rem auto;
+.botton-div {
+  background: transparent;
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 14px;
+  display: flex;
+  flex-wrap: wrap;
+  height: auto;
+  width: auto;
+  justify-content: center;
+  margin: 0.5rem auto;
 }
-</style>
\ No newline at end of file
+</style>