From f27774c1fc099b2f849e61673ae7b89a8e5b3313 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Tue, 15 Apr 2025 13:20:26 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=99=BB=E5=BD=95=E7=95=8C=E9=9D=A2?=
 =?UTF-8?q?=EF=BC=8C=E6=B7=BB=E5=8A=A0=20DocLink?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/ui/authentication/doc-link.vue        | 32 +++++++++++++++++++
 .../common-ui/src/ui/authentication/index.ts  |  1 +
 .../common-ui/src/ui/authentication/login.vue |  4 +++
 3 files changed, 37 insertions(+)
 create mode 100644 packages/effects/common-ui/src/ui/authentication/doc-link.vue

diff --git a/packages/effects/common-ui/src/ui/authentication/doc-link.vue b/packages/effects/common-ui/src/ui/authentication/doc-link.vue
new file mode 100644
index 000000000..4c0e632cb
--- /dev/null
+++ b/packages/effects/common-ui/src/ui/authentication/doc-link.vue
@@ -0,0 +1,32 @@
+<script setup lang="ts">
+defineOptions({
+  name: 'DocLink',
+});
+</script>
+
+<template>
+  <div class="w-full sm:mx-auto md:max-w-md">
+    <div class="mt-4 flex items-center justify-between">
+      <span class="border-input w-[35%] border-b dark:border-gray-600"></span>
+      <span class="text-muted-foreground text-center text-xs uppercase">
+        萌新必读
+      </span>
+      <span class="border-input w-[35%] border-b dark:border-gray-600"></span>
+    </div>
+
+    <div class="w-full mt-4 flex justify-between">
+      <a href="https://doc.iocoder.cn/" target="_blank" class="text-primary hover:text-primary/80 text-sm">
+        📚 开发指南
+      </a>
+      <a href="https://doc.iocoder.cn/video/" target="_blank" class="text-primary hover:text-primary/80 text-sm">
+        🔥 视频教程
+      </a>
+      <a href="https://www.iocoder.cn/Interview/good-collection/" target="_blank" class="text-primary hover:text-primary/80 text-sm">
+        ⚡ 面试手册
+      </a>
+      <a href="http://static.yudao.iocoder.cn/mp/Aix9975.jpeg" target="_blank" class="text-primary hover:text-primary/80 text-sm">
+        🤝 外包咨询
+      </a>
+    </div>
+  </div>
+</template>
diff --git a/packages/effects/common-ui/src/ui/authentication/index.ts b/packages/effects/common-ui/src/ui/authentication/index.ts
index ac5e1e014..71f41a889 100644
--- a/packages/effects/common-ui/src/ui/authentication/index.ts
+++ b/packages/effects/common-ui/src/ui/authentication/index.ts
@@ -4,4 +4,5 @@ export { default as AuthenticationLoginExpiredModal } from './login-expired-moda
 export { default as AuthenticationLogin } from './login.vue';
 export { default as AuthenticationQrCodeLogin } from './qrcode-login.vue';
 export { default as AuthenticationRegister } from './register.vue';
+export { default as DocLink } from './doc-link.vue';
 export type { AuthenticationProps } from './types';
diff --git a/packages/effects/common-ui/src/ui/authentication/login.vue b/packages/effects/common-ui/src/ui/authentication/login.vue
index 850697a49..bd25b9d31 100644
--- a/packages/effects/common-ui/src/ui/authentication/login.vue
+++ b/packages/effects/common-ui/src/ui/authentication/login.vue
@@ -15,6 +15,7 @@ import { VbenButton, VbenCheckbox } from '@vben-core/shadcn-ui';
 
 import Title from './auth-title.vue';
 import ThirdPartyLogin from './third-party-login.vue';
+import DocLink from './doc-link.vue';
 
 interface Props extends AuthenticationProps {
   formSchema: VbenFormSchema[];
@@ -192,5 +193,8 @@ defineExpose({
         </span>
       </div>
     </slot>
+
+    <!-- 萌新必读 -->
+    <DocLink />
   </div>
 </template>