From 99a6dc6308124f8ea169fdf2550f72b4d6e5cd01 Mon Sep 17 00:00:00 2001
From: lichunn <269031597@qq.com>
Date: Fri, 13 Feb 2026 15:10:42 +0800
Subject: [PATCH 1/4] =?UTF-8?q?fix=EF=BC=9A=E7=99=BB=E5=BD=95=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97ui=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../design-core/src/login/ForgotPassword.vue  | 22 ++++++++++++++--
 packages/design-core/src/login/Index.vue      | 26 ++++++++++++++-----
 packages/design-core/src/login/Login.vue      | 12 ++-------
 packages/design-core/src/login/Register.vue   |  5 ++--
 .../design-core/src/login/RegisterSuccess.vue | 26 ++++++-------------
 5 files changed, 52 insertions(+), 39 deletions(-)

diff --git a/packages/design-core/src/login/ForgotPassword.vue b/packages/design-core/src/login/ForgotPassword.vue
index c3f8bfbbc9..e75c5037d7 100644
--- a/packages/design-core/src/login/ForgotPassword.vue
+++ b/packages/design-core/src/login/ForgotPassword.vue
@@ -55,6 +55,9 @@
         <tiny-button type="primary" @click="handleForgot"> 提交</tiny-button>
       </tiny-form-item>
     </tiny-form>
+    <div class="forgot-bottom">
+      <div class="to-login" @click="toLogin">去登录</div>
+    </div>
   </div>
 </template>
 
@@ -131,6 +134,10 @@ export default {
       }
     }
 
+    const toLogin = () => {
+      emit('changeStatus', useLogin().LOGIN)
+    }
+
     watch(
       () => state.forgotData.password,
       () => {
@@ -139,7 +146,8 @@ export default {
     )
     return {
       state,
-      handleForgot
+      handleForgot,
+      toLogin
     }
   }
 }
@@ -150,7 +158,7 @@ export default {
   color: #191919;
   font-size: 24px;
   font-weight: 600;
-  margin-bottom: 28px;
+  margin-bottom: 36px;
 }
 
 .pw-tips {
@@ -170,6 +178,16 @@ export default {
   }
 }
 
+.forgot-bottom {
+  display: flex;
+  justify-content: center;
+  font-size: 14px;
+  .to-login {
+    cursor: pointer;
+    color: #1476ff;
+  }
+}
+
 :deep(.tiny-form-item__content) {
   margin-left: 0 !important;
 }
diff --git a/packages/design-core/src/login/Index.vue b/packages/design-core/src/login/Index.vue
index 4354e56c8c..40b5c07f8c 100644
--- a/packages/design-core/src/login/Index.vue
+++ b/packages/design-core/src/login/Index.vue
@@ -61,12 +61,11 @@ export default {
   height: 100vh;
   background: linear-gradient(to top left, #e7f0ff, #fff);
   display: flex;
-  padding: 10%;
+  padding: 10% 10% 0 10%;
   .login-left {
     flex: 2;
     .login-img {
       max-height: 500px;
-      min-height: 298px;
       width: 100%;
       height: 100%;
       background-image: url(../../assets/login-bg.svg);
@@ -83,15 +82,30 @@ export default {
       box-sizing: border-box;
       max-width: 440px;
       min-width: 340px;
-      max-height: 500px;
-      min-height: 298px;
       width: 100%;
-      height: 100%;
       background: #fff;
       border-radius: 12px;
       box-shadow: 0 8px 40px 0 #dce6f6;
-      padding: 48px 60px;
+      padding: 52px 60px 80px 60px;
+      max-height: 100%;
+      overflow-y: auto;
     }
   }
+
+  :deep(.tiny-form-item__content) {
+    margin-left: 0 !important;
+  }
+  :deep(.tiny-button.tiny-button.tiny-button.tiny-button) {
+    width: 100%;
+    background: #595959;
+    height: 32px;
+    margin-top: 20px;
+  }
+  :deep(.tiny-input.tiny-input .tiny-input__inner.tiny-input__inner) {
+    height: 32px;
+  }
+  :deep(.tiny-form.tiny-form.tiny-form .tiny-form-item) {
+    margin-bottom: 20px;
+  }
 }
 </style>
diff --git a/packages/design-core/src/login/Login.vue b/packages/design-core/src/login/Login.vue
index f880a487c7..8b986a16b0 100644
--- a/packages/design-core/src/login/Login.vue
+++ b/packages/design-core/src/login/Login.vue
@@ -93,15 +93,14 @@ export default {
   color: #191919;
   font-size: 24px;
   font-weight: 600;
-  margin-bottom: 28px;
+  margin-bottom: 36px;
 }
 
 .login-bottom {
-  margin-top: 16px;
   display: flex;
   justify-content: space-between;
   color: #1476ff;
-  margin-bottom: 32px;
+  font-size: 14px;
   div {
     cursor: pointer;
   }
@@ -140,11 +139,4 @@ export default {
     cursor: pointer;
   }
 }
-:deep(.tiny-form-item__content) {
-  margin-left: 0 !important;
-}
-:deep(.tiny-button.tiny-button.tiny-button.tiny-button) {
-  width: 100%;
-  background: #595959;
-}
 </style>
diff --git a/packages/design-core/src/login/Register.vue b/packages/design-core/src/login/Register.vue
index bbbd1e04bf..58e5d68fba 100644
--- a/packages/design-core/src/login/Register.vue
+++ b/packages/design-core/src/login/Register.vue
@@ -157,7 +157,7 @@ export default {
   color: #191919;
   font-size: 24px;
   font-weight: 600;
-  margin-bottom: 28px;
+  margin-bottom: 36px;
 }
 
 .pw-tips {
@@ -178,11 +178,10 @@ export default {
 }
 
 .register-bottom {
-  margin-top: 16px;
   display: flex;
   justify-content: center;
   color: #808080;
-  margin-bottom: 32px;
+  font-size: 14px;
   .to-login {
     cursor: pointer;
     color: #1476ff;
diff --git a/packages/design-core/src/login/RegisterSuccess.vue b/packages/design-core/src/login/RegisterSuccess.vue
index f420ade21f..1cb95fed38 100644
--- a/packages/design-core/src/login/RegisterSuccess.vue
+++ b/packages/design-core/src/login/RegisterSuccess.vue
@@ -19,6 +19,7 @@
 import { reactive, computed } from 'vue'
 import { TinyCheckbox, TinyButton } from '@opentiny/vue'
 import useLogin from './js/useLogin'
+import { useModal } from '@opentiny/tiny-engine-meta-register'
 
 export default {
   components: {
@@ -37,14 +38,13 @@ export default {
       emit('changeStatus', useLogin().LOGIN)
     }
 
-    const copy = () => {
-      const textarea = document.createElement('textarea')
-
-      textarea.value = `${publicKey.value}`
-      document.body.appendChild(textarea)
-      textarea.select()
-      document.execCommand('copy')
-      document.body.removeChild(textarea)
+    const copy = async () => {
+      try {
+        await navigator.clipboard.writeText(publicKey.value)
+        useModal().message({ message: '复制成功', status: 'success' })
+      } catch (err) {
+        useModal().message({ message: '复制失败', status: 'error' })
+      }
     }
 
     return {
@@ -94,14 +94,4 @@ export default {
     margin-bottom: 20px;
   }
 }
-
-:deep(.tiny-button.tiny-button.tiny-button.tiny-button) {
-  margin-top: 20px;
-  background: #fff;
-  color: #191919;
-  border: 1px solid #c9c9c9;
-}
-:deep(.tiny-button.tiny-button.tiny-button.tiny-button.tiny-button--primary:not(.is-disabled)):hover {
-  background: #fff;
-}
 </style>

From 165377678c8fe0ea4bffdec0f1ed98cd63f1b930 Mon Sep 17 00:00:00 2001
From: lichunn <269031597@qq.com>
Date: Fri, 13 Feb 2026 15:58:08 +0800
Subject: [PATCH 2/4] fix: input font size

---
 packages/design-core/src/login/Index.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/design-core/src/login/Index.vue b/packages/design-core/src/login/Index.vue
index 40b5c07f8c..59148ea848 100644
--- a/packages/design-core/src/login/Index.vue
+++ b/packages/design-core/src/login/Index.vue
@@ -100,10 +100,16 @@ export default {
     background: #595959;
     height: 32px;
     margin-top: 20px;
+    font-size: 14px;
   }
   :deep(.tiny-input.tiny-input .tiny-input__inner.tiny-input__inner) {
     height: 32px;
+    font-size: 14px;
   }
+  :deep(.tiny-input.tiny-input .tiny-input__inner.tiny-input__inner)::placeholder {
+    font-size: 14px;
+  }
+
   :deep(.tiny-form.tiny-form.tiny-form .tiny-form-item) {
     margin-bottom: 20px;
   }

From fa5ab7770501fbb9f1f12b8bb27c0fc3f7ff2f64 Mon Sep 17 00:00:00 2001
From: lichunn <269031597@qq.com>
Date: Fri, 13 Feb 2026 18:05:23 +0800
Subject: [PATCH 3/4] =?UTF-8?q?fix:=20=E8=BE=93=E5=85=A5=E6=A1=86=E7=AC=A6?=
 =?UTF-8?q?=E5=90=88=E8=A6=81=E6=B1=82=E6=8C=89=E9=92=AE=E9=AB=98=E4=BA=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../design-core/src/login/ForgotPassword.vue  | 20 +++++++++++++++++--
 packages/design-core/src/login/Index.vue      |  6 +++++-
 packages/design-core/src/login/Login.vue      | 13 ++++++++++--
 packages/design-core/src/login/Register.vue   | 19 ++++++++++++++++--
 4 files changed, 51 insertions(+), 7 deletions(-)

diff --git a/packages/design-core/src/login/ForgotPassword.vue b/packages/design-core/src/login/ForgotPassword.vue
index e75c5037d7..f670321c4a 100644
--- a/packages/design-core/src/login/ForgotPassword.vue
+++ b/packages/design-core/src/login/ForgotPassword.vue
@@ -52,7 +52,7 @@
         </tiny-tooltip>
       </tiny-form-item>
       <tiny-form-item>
-        <tiny-button type="primary" @click="handleForgot"> 提交</tiny-button>
+        <tiny-button :class="{ successBg: isReady }" type="primary" @click="handleForgot"> 提交</tiny-button>
       </tiny-form-item>
     </tiny-form>
     <div class="forgot-bottom">
@@ -62,7 +62,7 @@
 </template>
 
 <script lang="ts">
-import { reactive, watch } from 'vue'
+import { reactive, watch, computed } from 'vue'
 import { TinyForm, TinyFormItem, TinyInput, TinyButton, TinyTooltip } from '@opentiny/vue'
 import useLogin from './js/useLogin'
 import { getMetaApi, META_SERVICE } from '@opentiny/tiny-engine-meta-register'
@@ -90,6 +90,17 @@ export default {
       rules: [...useLogin().passwordRules]
     })
 
+    const isReady = computed(() => {
+      return (
+        state.forgotData.username &&
+        state.forgotData.password &&
+        state.forgotData.key &&
+        state.forgotData.confirmPassword &&
+        !state.pwManualShow &&
+        state.forgotData.confirmPassword === state.forgotData.password
+      )
+    })
+
     const handleConfirmPwChange = () => {
       if (state.forgotData.confirmPassword !== state.forgotData.password) {
         state.confirmManualShow = true
@@ -146,6 +157,7 @@ export default {
     )
     return {
       state,
+      isReady,
       handleForgot,
       toLogin
     }
@@ -188,6 +200,10 @@ export default {
   }
 }
 
+.successBg {
+  background: #191919 !important;
+}
+
 :deep(.tiny-form-item__content) {
   margin-left: 0 !important;
 }
diff --git a/packages/design-core/src/login/Index.vue b/packages/design-core/src/login/Index.vue
index 59148ea848..6fa0f72789 100644
--- a/packages/design-core/src/login/Index.vue
+++ b/packages/design-core/src/login/Index.vue
@@ -76,7 +76,8 @@ export default {
   }
 
   .login-right {
-    flex: 1;
+    flex: 1.2;
+    margin-top: 50px;
     margin-left: 80px;
     .login-form {
       box-sizing: border-box;
@@ -102,6 +103,9 @@ export default {
     margin-top: 20px;
     font-size: 14px;
   }
+  :deep(.tiny-button.tiny-button.tiny-button.tiny-button.tiny-button--primary) {
+    border: none;
+  }
   :deep(.tiny-input.tiny-input .tiny-input__inner.tiny-input__inner) {
     height: 32px;
     font-size: 14px;
diff --git a/packages/design-core/src/login/Login.vue b/packages/design-core/src/login/Login.vue
index 8b986a16b0..23336a05e5 100644
--- a/packages/design-core/src/login/Login.vue
+++ b/packages/design-core/src/login/Login.vue
@@ -14,7 +14,7 @@
         ></tiny-input>
       </tiny-form-item>
       <tiny-form-item>
-        <tiny-button type="primary" @click="handleLogin"> 登录 </tiny-button>
+        <tiny-button :class="{ successBg: isReady }" type="primary" @click="handleLogin"> 登录 </tiny-button>
       </tiny-form-item>
     </tiny-form>
     <div class="login-bottom">
@@ -29,7 +29,7 @@
 </template>
 
 <script lang="ts">
-import { reactive } from 'vue'
+import { reactive, computed } from 'vue'
 import { TinyForm, TinyFormItem, TinyInput, TinyButton } from '@opentiny/vue'
 import { getMetaApi, META_SERVICE } from '@opentiny/tiny-engine-meta-register'
 import useLogin from './js/useLogin'
@@ -51,6 +51,10 @@ export default {
       }
     })
 
+    const isReady = computed(() => {
+      return state.loginData.username && state.loginData.password
+    })
+
     const handleLogin = () => {
       getMetaApi(META_SERVICE.Http)
         .post('/platform-center/api/user/login', {
@@ -78,8 +82,10 @@ export default {
     const toForgot = () => {
       emit('changeStatus', useLogin().FORGOT)
     }
+
     return {
       state,
+      isReady,
       handleLogin,
       toRegister,
       toForgot
@@ -111,6 +117,9 @@ export default {
   padding-left: 40%;
   margin-bottom: 24px;
 }
+.successBg {
+  background: #191919 !important;
+}
 
 .login-other::before,
 .login-other::after {
diff --git a/packages/design-core/src/login/Register.vue b/packages/design-core/src/login/Register.vue
index 58e5d68fba..45186e23bb 100644
--- a/packages/design-core/src/login/Register.vue
+++ b/packages/design-core/src/login/Register.vue
@@ -49,7 +49,7 @@
         </tiny-tooltip>
       </tiny-form-item>
       <tiny-form-item>
-        <tiny-button type="primary" @click="handleRegister"> 注册</tiny-button>
+        <tiny-button :class="{ successBg: isReady }" type="primary" @click="handleRegister"> 注册</tiny-button>
       </tiny-form-item>
     </tiny-form>
     <div class="register-bottom">
@@ -60,7 +60,7 @@
 </template>
 
 <script lang="ts">
-import { reactive, watch } from 'vue'
+import { reactive, watch, computed } from 'vue'
 import { TinyForm, TinyFormItem, TinyInput, TinyButton, TinyTooltip } from '@opentiny/vue'
 import useLogin from './js/useLogin'
 import { getMetaApi, META_SERVICE } from '@opentiny/tiny-engine-meta-register'
@@ -86,6 +86,16 @@ export default {
       rules: [...useLogin().passwordRules]
     })
 
+    const isReady = computed(() => {
+      return (
+        state.registerData.username &&
+        state.registerData.password &&
+        state.registerData.confirmPassword &&
+        !state.pwManualShow &&
+        state.registerData.confirmPassword === state.registerData.password
+      )
+    })
+
     const handleConfirmPwChange = () => {
       if (state.registerData.confirmPassword !== state.registerData.password) {
         state.confirmManualShow = true
@@ -144,6 +154,7 @@ export default {
 
     return {
       state,
+      isReady,
       handleRegister,
       handlePwChange,
       toLogin
@@ -188,6 +199,10 @@ export default {
   }
 }
 
+.successBg {
+  background: #191919 !important;
+}
+
 :deep(.tiny-form-item__content) {
   margin-left: 0 !important;
 }

From 125b4fcaf6cc782a99ae4f2d1bfe07b3c1aec5db Mon Sep 17 00:00:00 2001
From: lichunn <269031597@qq.com>
Date: Fri, 13 Feb 2026 19:07:46 +0800
Subject: [PATCH 4/4] =?UTF-8?q?fix=EF=BC=9Abutton=20ui?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-core/src/login/ForgotPassword.vue | 6 +-----
 packages/design-core/src/login/Index.vue          | 2 +-
 packages/design-core/src/login/Login.vue          | 5 +----
 packages/design-core/src/login/Register.vue       | 6 +-----
 4 files changed, 4 insertions(+), 15 deletions(-)

diff --git a/packages/design-core/src/login/ForgotPassword.vue b/packages/design-core/src/login/ForgotPassword.vue
index f670321c4a..29159986dd 100644
--- a/packages/design-core/src/login/ForgotPassword.vue
+++ b/packages/design-core/src/login/ForgotPassword.vue
@@ -52,7 +52,7 @@
         </tiny-tooltip>
       </tiny-form-item>
       <tiny-form-item>
-        <tiny-button :class="{ successBg: isReady }" type="primary" @click="handleForgot"> 提交</tiny-button>
+        <tiny-button :disabled="!isReady" type="primary" @click="handleForgot"> 提交</tiny-button>
       </tiny-form-item>
     </tiny-form>
     <div class="forgot-bottom">
@@ -200,10 +200,6 @@ export default {
   }
 }
 
-.successBg {
-  background: #191919 !important;
-}
-
 :deep(.tiny-form-item__content) {
   margin-left: 0 !important;
 }
diff --git a/packages/design-core/src/login/Index.vue b/packages/design-core/src/login/Index.vue
index 6fa0f72789..63a5888c7a 100644
--- a/packages/design-core/src/login/Index.vue
+++ b/packages/design-core/src/login/Index.vue
@@ -98,7 +98,7 @@ export default {
   }
   :deep(.tiny-button.tiny-button.tiny-button.tiny-button) {
     width: 100%;
-    background: #595959;
+    background: #191919;
     height: 32px;
     margin-top: 20px;
     font-size: 14px;
diff --git a/packages/design-core/src/login/Login.vue b/packages/design-core/src/login/Login.vue
index 23336a05e5..301be2b81c 100644
--- a/packages/design-core/src/login/Login.vue
+++ b/packages/design-core/src/login/Login.vue
@@ -14,7 +14,7 @@
         ></tiny-input>
       </tiny-form-item>
       <tiny-form-item>
-        <tiny-button :class="{ successBg: isReady }" type="primary" @click="handleLogin"> 登录 </tiny-button>
+        <tiny-button :disabled="!isReady" type="primary" @click="handleLogin"> 登录 </tiny-button>
       </tiny-form-item>
     </tiny-form>
     <div class="login-bottom">
@@ -117,9 +117,6 @@ export default {
   padding-left: 40%;
   margin-bottom: 24px;
 }
-.successBg {
-  background: #191919 !important;
-}
 
 .login-other::before,
 .login-other::after {
diff --git a/packages/design-core/src/login/Register.vue b/packages/design-core/src/login/Register.vue
index 45186e23bb..b3c617085d 100644
--- a/packages/design-core/src/login/Register.vue
+++ b/packages/design-core/src/login/Register.vue
@@ -49,7 +49,7 @@
         </tiny-tooltip>
       </tiny-form-item>
       <tiny-form-item>
-        <tiny-button :class="{ successBg: isReady }" type="primary" @click="handleRegister"> 注册</tiny-button>
+        <tiny-button :disabled="!isReady" type="primary" @click="handleRegister"> 注册</tiny-button>
       </tiny-form-item>
     </tiny-form>
     <div class="register-bottom">
@@ -199,10 +199,6 @@ export default {
   }
 }
 
-.successBg {
-  background: #191919 !important;
-}
-
 :deep(.tiny-form-item__content) {
   margin-left: 0 !important;
 }