feat:新增联系我们

Yi.Bbs.Vue3/src/views/contact/index.vue

@@ -0,0 +1,34 @@
+<template>
+  <div class="contact-box">
+    <div class="content">
+      <h2>联系我们</h2>
+      <p>作者QQ：454313500</p>
+      <p>2029年之前作者24小时在线，时刻保持活跃更新。</p>
+      <p>
+        QQ交流群：官方一群（已满）、官方二群（已满）、官方三群：786308927（基本已满）、官方四群:498310311（新群）
+        联系作者，这里人人都是顾问
+      </p>
+      <p>官方网址留言区：ccnetcore.com</p>
+    </div>
+  </div>
+</template>
+
+<script setup></script>
+
+<style scoped lang="scss">
+.contact-box {
+  width: 100%;
+  padding: 20px;
+  //   height: 100%;
+  display: flex;
+  justify-content: center;
+  background-color: #fff;
+  .content {
+    width: 1300px;
+    > p {
+      margin: 50px 0;
+      font-size: 16px;
+    }
+  }
+}
+</style>

Yi.Bbs.Vue3/src/views/login/index.vue

@@ -154,7 +154,7 @@
     </div>
     <div class="login-footer">
       <div class="info">站长：{{ configStore.author }}</div>
-      <div class="info btn">联系我们</div>
+      <div class="info btn" @click="handleContact">联系我们</div>
       <div class="info btn">关于本站</div>
       <div class="info btn">建议反馈</div>
     </div>
@@ -300,6 +300,11 @@ const handleGetCodeImage = () => {
 onMounted(async () => {
   await useUserStore().updateCodeImage();
 });
+
+// 联系我们跳转对应页面
+const handleContact = () => {
+  router.push("/contact");
+};
 </script>
 <style scoped lang="scss">
 .login {