From f3d7e856aca20716ff90cb4c3fe15e1012686fa7 Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Thu, 27 Jul 2023 12:34:12 +0800
Subject: [PATCH] feat: add a link back to the site on the login page (#4262)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#### What type of PR is this?

/area console
/kind feature
/milestone 2.8.0

#### What this PR does / why we need it:

在登录页面添加返回到前台的链接。


<img width="506" alt="image" src="https://github.com/halo-dev/halo/assets/21301288/31c6311d-7153-4028-b2dd-78d89e018bf3">



#### Which issue(s) this PR fixes:

Fixes https://github.com/halo-dev/halo/issues/4175

#### Does this PR introduce a user-facing change?

```release-note
在 Console 的登录页面添加返回到前台的链接。
```
---
 console/src/locales/en.yaml                |  1 +
 console/src/locales/zh-CN.yaml             |  1 +
 console/src/locales/zh-TW.yaml             |  1 +
 console/src/modules/system/users/Login.vue | 10 ++++++++++
 4 files changed, 13 insertions(+)

diff --git a/console/src/locales/en.yaml b/console/src/locales/en.yaml
index 696741a47..26a52cf2f 100644
--- a/console/src/locales/en.yaml
+++ b/console/src/locales/en.yaml
@@ -17,6 +17,7 @@ core:
       return_login:
         label: Already have an account
         button: Sign in
+      return_site: Return to site
     button: Login
     modal:
       title: Re-login
diff --git a/console/src/locales/zh-CN.yaml b/console/src/locales/zh-CN.yaml
index f5daa99d8..2f8972733 100644
--- a/console/src/locales/zh-CN.yaml
+++ b/console/src/locales/zh-CN.yaml
@@ -17,6 +17,7 @@ core:
       return_login:
         label: 已有账号
         button: 立即登录
+      return_site: 返回到首页
     button: 登录
     modal:
       title: 重新登录
diff --git a/console/src/locales/zh-TW.yaml b/console/src/locales/zh-TW.yaml
index 195ac5cb9..e151dfbf7 100644
--- a/console/src/locales/zh-TW.yaml
+++ b/console/src/locales/zh-TW.yaml
@@ -17,6 +17,7 @@ core:
       return_login:
         label: 已有帳號
         button: 立即登入
+      return_site: 返回到首頁
     button: 登入
     modal:
       title: 重新登入
diff --git a/console/src/modules/system/users/Login.vue b/console/src/modules/system/users/Login.vue
index 1316baba8..69f7fa709 100644
--- a/console/src/modules/system/users/Login.vue
+++ b/console/src/modules/system/users/Login.vue
@@ -12,6 +12,7 @@ import { AppName } from "@/constants/app";
 import { locales, getBrowserLanguage, i18n } from "@/locales";
 import MdiTranslate from "~icons/mdi/translate";
 import { useLocalStorage } from "@vueuse/core";
+import MdiKeyboardBackspace from "~icons/mdi/keyboard-backspace";
 
 const { globalInfo } = useGlobalInfoFetch();
 const { t } = useI18n();
@@ -87,6 +88,15 @@ watch(
           }}
         </span>
       </div>
+      <div class="flex justify-center pt-3.5">
+        <a
+          class="inline-flex items-center gap-0.5 text-xs text-gray-600 hover:text-gray-900"
+          href="/"
+        >
+          <MdiKeyboardBackspace class="!h-3.5 !w-3.5" />
+          <span> {{ $t("core.login.operations.return_site") }} </span>
+        </a>
+      </div>
     </div>
     <div
       class="bottom-0 mb-10 mt-auto flex items-center justify-center gap-2.5"