From 02cab5844772a69eedb04c96cb5f6a9112de3155 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Fri, 2 Jan 2026 13:12:09 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=92=89=E9=92=89=E5=AE=98?=
 =?UTF-8?q?=E6=96=B9logo=E5=88=B0=E7=99=BB=E5=BD=95=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=EF=BC=9A=E4=BD=BF=E7=94=A8=E9=92=89=E9=92=89=E5=AE=98=E6=96=B9?=
 =?UTF-8?q?logo=E5=9B=BE=E7=89=87=E6=9B=BF=E6=8D=A2=E9=80=9A=E7=94=A8?=
 =?UTF-8?q?=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/Login.vue | 31 +++++++++++++++++++++++++++++--
 1 file changed, 29 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/Login.vue b/frontend/src/views/Login.vue
index 296ad44..dd4f8c8 100644
--- a/frontend/src/views/Login.vue
+++ b/frontend/src/views/Login.vue
@@ -194,11 +194,17 @@
           <a-button 
             v-if="dingTalkLoginEnabled" 
             block 
-            class="alt-login-button" 
+            class="alt-login-button dingtalk-login-button" 
             @click="handleDingTalkLogin"
             :loading="dingTalkLoginLoading"
           >
-            <Icon name="share" size="sm" style="margin-right: 8px;" />
+            <img 
+              src="https://img.alicdn.com/imgextra/i1/O1CN01CHK9VA1YTzZJxXGf7_!!6000000003022-2-tps-400-400.png" 
+              alt="钉钉" 
+              class="dingtalk-logo"
+              onerror="this.style.display='none'; this.nextSibling.style.display='inline-block';"
+            />
+            <span class="dingtalk-logo-text" style="display: none;">D</span>
             钉钉登录
           </a-button>
         </div>
@@ -884,6 +890,9 @@ onUnmounted(() => {
     color: $text-white;
     font-size: $font-size-base;
     transition: all 0.2s ease;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 
     &:hover:not(:disabled) {
       background: $bg-tertiary;
@@ -892,6 +901,24 @@ onUnmounted(() => {
 
     &:disabled {
       opacity: 0.5;
+    }
+  }
+
+  .dingtalk-login-button {
+    background: #0070f3;
+    border-color: #0070f3;
+    color: #ffffff;
+
+    &:hover:not(:disabled) {
+      background: #0051cc;
+      border-color: #0051cc;
+    }
+
+    .dingtalk-logo {
+      width: 20px;
+      height: 20px;
+      margin-right: 8px;
+      vertical-align: middle;
       cursor: not-allowed;
     }
   }